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>
返回列表
返回首頁 主站蜘蛛池模板： 国产国产在线播放你懂的| 亚洲AV永久无码精品漫画 | 精品久久久中文字幕人妻| 国产精品成人一区二区三区| а天堂中文地址在线| 日本三级韩国三级在线观看a级| 偷炮少妇宾馆半推半就激情| 色综合久久中文字幕网| 国产精品免费αv视频| 99在线精品视频在线观看| 成人免费视频网| 久久久久成人精品无码| 最近中文字幕大全高清视频| 亚洲欧洲综合网| 男女下面一进一出免费无遮挡| 国产成人天天5g影院| 97色伦图片7778久久| 好爽好紧好大的免费视频国产| 久久精品这里热有精品2015| 欧美毛多水多肥妇| 亚洲黄色在线看| 精品人人妻人人澡人人爽人人 | 国产精品久久久久9999| 99精品热这里只有精品| 好男人社区神马www在线影视| 久久综合香蕉久久久久久久| 欧美换爱交换乱理伦片不卡片| 午夜理论影院第九电影院| 青青青国产精品手机在线观看| 国产色综合天天综合网| www.伊人.com| 成人av电影网站| 中文字幕精品视频在线观看| 日本肉漫在线观看| 久久综合九色综合欧美就去吻| 男人j桶进女人p无遮挡在线观看| 国产免费黄色大片| 91网站网址最新| 国产精品igao视频网| 69tang在线观看| 国内揄拍国内精品|