亚洲国产成人久久综合区,亚洲精品成人片在线播放,中文字幕在线观看亚洲日韩

<fieldset id="gciiq"></fieldset>

<tfoot id="gciiq"></tfoot>

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>

<ul id="yysqk"></ul><ul id="yysqk"></ul>