網站制作CSS容器零高度、零寬度的方法
2010/10/26 11:17:10
<h1 id="header">
<span>網站制作</span>
</h1>
#header {
width: 200px;
height: 90px;
background-image: url(圖片地址);
}
#header span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
我們將h1標簽中文字的容器span設為塊元素,寬度與高度都是零,并且溢出為隱藏。這樣我們就看不到文字了,當css失效時,文字則正常顯示,我們看下面的效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=www.w3.org/1999/xhtml>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>網站制作</title>
<style type="text/css">
#header {
width: 200px;
height: 90px;
background-image: url(圖片地址);
}
#header span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
</style>
</head>
<body>
<h1 id="header">
<span>網站制作</span>
</h1>
</body>
</html>
返回列表
返回首頁
主站蜘蛛池模板:
午夜伦伦影理论片大片|
中文字幕亚洲欧美一区|
浮力影院第一页|
国产aⅴ激情无码久久|
jizz中文字幕|
夜色私人影院永久入口|
中国黄色免费网站|
日韩午夜高清福利片在线观看|
亚洲欧洲专线一区|
男女午夜性刺激|
国产69久久精品成人看|
麻豆波多野结衣|
国产精品久久久久久久伊一
|
日日噜狠狠噜天天噜av|
亚洲AV无码乱码在线观看性色|
欧美视频在线观|
依依成人精品视频在线观看|
美女视频黄A视频全免费|
国产小视频免费观看|
爱看精品福利视频观看|
国産精品久久久久久久|
ssni-559侵犯新任女教师|
成人看片app|
久久久久亚洲av成人网|
日韩精品专区av无码|
亚洲中文无码a∨在线观看|
欧美精品亚洲精品日韩专区va|
伊人婷婷综合缴情亚洲五月|
精品国产免费一区二区三区香蕉|
国产不卡免费视频|
香港aa三级久久三级老师|
国产无套乱子伦精彩是白视频|
看黄色免费网站|
国产精品大bbwbbwbbw|
91噜噜噜在线观看|
在线免费不卡视频|
av2021天堂网手机版|
好男人在线社区www在线视频免费
好男人在线社区www影视下载
|
国产一区二区不卡|
香蕉伊思人在线精品|
国产成人精品日本亚洲专区6|