CSS圖像替換方法:margin移位法
2010/10/21 10:38:23
<h1 id="header">
<span>網站制作</span>
</h1>
#header {
width: 200px;
height: 90px;
background-image: url(圖片地址);
}
#header span { margin: 0 0 0 -2000px; }
我們將標簽中的span進行了外邊距的設置,距離左部-2000px,在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>www.jzxue.com</title>
<style type="text/css">
#header {
width: 200px;
height: 90px;
background-image: url(圖片地址);
}
#header span {
margin: 0 0 0 -2000px;
}
</style>
</head>
<body>
<h1 id="header">
<span>網站制作</span>
</h1>
</body>
</html>
返回列表
返回首頁
主站蜘蛛池模板:
成在线人免费无码高潮喷水|
污网站免费观看污网站|
国产理论片在线观看|
a级亚洲片精品久久久久久久|
日本牲交大片无遮挡|
亚洲国产成人精品无码区花野真一|
男女免费观看在线爽爽爽视频|
国产亚洲一区二区三区在线|
日韩在线播放全免费|
国内精品伊人久久久久妇|
一级一级毛片看看|
日本不卡高字幕在线2019|
亚洲av无码码潮喷在线观看|
欧美视频在线观看免费最新|
免费看黄网站在线看|
老色鬼久久亚洲av综合|
国产女人乱人伦精品一区二区|
2019国产麻豆剧传媒视|
激情五月婷婷久久|
四虎国产永久免费久久|
香蕉高清免费永久在线视频|
国产精品亚洲专区无码不卡|
99re66热这里都是精品|
好男人社区www在线观看|
中文字幕影片免费在线观看|
日本高清在线播放|
亚洲AV成人噜噜无码网站|
欧美巨大xxxx做受高清
|
loosiesaki|
成人一级黄色片|
丰满岳乱妇在线观看中字无码|
日韩精品一区二区三区色欲av|
亚洲午夜无码久久久久小说|
欧美精欧美乱码一二三四区|
亲密爱人在线观看韩剧完整版免费
|
caoporn国产精品免费|
差差漫画在线登录入口弹窗页面|
中文字幕日韩一区二区不卡|
日本一区二区三|
久久国产一区二区三区|
日韩精品一区二区亚洲av观看|