傳統標題圖片代碼
<h1><<CSS世界>></h1>
h1{
width:180px;
height:36px;
background:url(logo.png);
/*隱藏文字*/
text-indent:-999px;
}
使用content創新方法
<h1><<CSS 世界>>></h1>
h1{
content:url(logo.png);
}
兩者效果圖一致:
傳統標題圖片代碼
<h1><<CSS世界>></h1>
h1{
width:180px;
height:36px;
background:url(logo.png);
/*隱藏文字*/
text-indent:-999px;
}
使用content創新方法
<h1><<CSS 世界>>></h1>
h1{
content:url(logo.png);
}
兩者效果圖一致: