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|