CSS圖像替換:文本縮進法text-indent
2010/10/22 10:22:09
<h1 id="header">
網站制作
</h1>
#header {
width: 200px;
height: 90px;
background-image: url(圖片地址);
text-indent: -200em;
overflow: hidden;
}
我們將標簽中的文字的文本縮進設置成足夠大的值,并且設置容器h1的overflow的值為hidden。我們也看不到文字了。實現了圖像替換。看下面的運行效果:
<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(圖片地址);
text-indent: -200em;
overflow: hidden;
}
</style>
</head>
<body>
<h1 id="header">
網站制作
</h1>
</body>
</html>
返回列表
返回首頁
主站蜘蛛池模板:
波多野结衣一区二区三区高清av
|
春丽全彩×全彩番中优优漫画|
国产亚洲成AV人片在线观看|
亚洲乱码一区av春药高潮|
91手机在线视频|
日韩精品人妻系列无码av东京|
刘伯温致力打造火热全网|
18岁大陆女rapper欢迎你|
无码人妻一区二区三区在线|
亚洲毛片基地日韩毛片基地|
青娱乐国产精品|
在线观看特色大片免费网站|
久久婷婷五月综合国产尤物app|
男孩子和男孩子在一起do|
国产成人精品一区二区三区|
eeuss在线播放|
日韩中文字幕视频在线观看|
伊人免费在线观看高清版|
麻豆国产剧果冻传媒视频|
天堂中文字幕在线|
久久成人国产精品免费软件|
爱情岛论坛亚洲品质自拍视频|
国产午夜免费秋霞影院|
99久久国产热无码精品免费|
日本免费精品一区二区三区|
人妻少妇精品久久久久久|
香蕉视频一区二区三区|
在线观看黄日本高清视频|
三级毛片在线看|
校花小雪和门卫老头阅读合集|
全部免费毛片免费播放|
国产4tube在线播放|
大肚子孕妇交xxxgif|
久久五月天综合|
欧美综合区自拍亚洲综合图区|
国产91精品久久久久999|
青青操视频在线免费观看|
婷婷久久综合九色综合绿巨人|
久草电影在线播放|
激情内射亚洲一区二区三区
|
国产97人人超碰caoprom|