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。我們也看不到文字了。實現(xiàn)了圖像替換。看下面的運行效果:
<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>
返回列表
返回首頁
主站蜘蛛池模板:
99在线精品免费视频九九视|
亚洲AV色吊丝无码|
老板轻点好痛好涨嗯啊视频|
国产精品igao视频网|
a毛片在线看片免费|
成人人观看的免费毛片|
久久天天躁狠狠躁夜夜躁2014|
欧美成人777|
产国语一级特黄aa大片|
综合五月天婷婷丁香|
国产又黄又硬又湿又黄的|
丝袜情趣在线资源二区|
在线观看国产小视频|
一本大道久久东京热无码AV|
日本一区二区三区四区公司|
亚洲aⅴ无码专区在线观看q|
欧美野性肉体狂欢大派对|
国产亚洲人成网站在线观看|
欧美bbbbbxxxxx|
国产精品女上位在线观看
|
男女啪啪永久免费观看网站|
园田美樱中文字幕在线看一区|
黄色三级免费电影|
国产精品久久久久久一区二区三区|
97精品国产一区二区三区|
女生张开腿让男生通|
丁香狠狠色婷婷久久综合|
日本三级在线观看免费|
亚洲一区二区三区免费在线观看|
欧美精品亚洲一区二区在线播放|
人人揉人人捏人人添|
精品99在线观看|
另类国产ts人妖视频网站|
蜜桃成熟时3d国语|
国产午夜精品久久久久免费视|
免费在线观看h片|
国产精品久久久久久久网站|
538国产在线搬运工视频|
國产一二三内射在线看片|
a级毛片免费全部播放|
快点使劲舒服爽视频|