用CSS給圖片打標(biāo)的方法
更新時間：2007年06月29日 00:00:00 作者：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>圖片打標(biāo)</title>
<style>
body{padding:0px; margin:20px;}
.pic{background:#000; padding:5px; border:1px solid #4F4F4F; float:left;}
.pic span{width:99px; height:99px; background:url(images/blogo.gif); position:absolute; margin:1px;}
</style>
</head>
<body>
<div class="pic">
<span></span>
<img src="attachments/date_200706/74b26c75ae67e5fdabf34d29e20bec31.jpg" />
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>圖片打標(biāo)</title>
<style>
body{padding:0px; margin:20px;}
.pic{background:#000; padding:5px; border:1px solid #4F4F4F; float:left;}
.pic span{width:99px; height:99px; background:url(images/blogo.gif); position:absolute; margin:1px;}
</style>
</head>
<body>
<div class="pic">
<span></span>
<img src="attachments/date_200706/74b26c75ae67e5fdabf34d29e20bec31.jpg" />
</div>
</body>
</html>
相關(guān)文章
CSS 浮動清理，不使用 clear:both標(biāo)簽
CSS:浮動清理，不使用 clear:both標(biāo)簽 在進(jìn)行浮動布局時，大多數(shù)人都深知，在必要的地方進(jìn)行浮動清理：<div style="clear:both;"></div>。2008-07-07
以圖換字的幾個方法及思路...2006-11-11
是不是經(jīng)常遇到css和自己要求相差太多呢，其實(shí)就是因?yàn)槟睦锍隽藛栴}，有朋友已經(jīng)為大家準(zhǔn)備好了css常見問題解決方法2008-06-06
div+css實(shí)現(xiàn)自適應(yīng)寬度按鈕
div+css實(shí)現(xiàn)自適應(yīng)寬度按鈕...2007-11-11
HTML只是賦予內(nèi)容的手段，大部分HTML標(biāo)簽都有其意義（標(biāo)簽p創(chuàng)建段落，h1標(biāo)簽創(chuàng)建標(biāo)題等等）的，然而span和div標(biāo)簽似乎沒有任何內(nèi)容上的意義，聽起來就像一個泡沫做成的錘子一樣無用。但實(shí)際上，與CSS結(jié)合起來后，它們被用得十分廣泛。2008-05-05
繼承是 css中經(jīng)常要用到的技術(shù)，好處是可以盡量讓頁面的代碼減少重復(fù)利用，但是隨時項目越來越大，需求的不斷變化，css代碼就會變得越來越臃腫，后期難以控制和維護(hù)。其實(shí)，css代碼和普通程序代碼在編寫的時候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個問題。2008-11-11
css中的行間距的代碼...2007-08-08
今天剛看到ChinaUI.com新改版的網(wǎng)站，覺得優(yōu)艾網(wǎng)是越來越漂亮了，這次的變化的確是挺大的。一早大概的看了一下就關(guān)了，后來晚上又打開看時發(fā)現(xiàn)個問題。2008-06-06
web標(biāo)準(zhǔn)知識——從p開始，循序漸進(jìn)
從今天開始，我將全面的共享出我所能理解的所有WEB標(biāo)準(zhǔn)方面的知識放在這個“WEB標(biāo)準(zhǔn)能有多難？”的專欄里。當(dāng)然由于振之的水平有限，所講并非是完全正確的。在看了這個專欄的文章的時候要理性的分析，要有自己的判斷，歡迎各位朋友提出自己的看法與意見。2008-06-06
在制作網(wǎng)頁中，我們經(jīng)常需要用到下面的css，有朋友整理好的特給大家，大家可以看看，一定要記住2008-08-08