用CSS給圖片打標的方法
更新時間：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>圖片打標</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>圖片打標</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>
相關文章
固定表格的高度超過指定高度就隱藏的方法...2007-10-10
[藍色]讓2個DIV居中并排顯示...2006-11-11
昨夜與群友討論圖片垂直居中時,突然想到與這很相像的DIV垂直居中效果.raozou分享了他的效果代碼,今將其整理,特貼下來大家一起分享2008-07-07
在大多數(shù)文章中，我們并未特別注意CSS文件的可維護與可讀性的問題，當完成一項前端的工作之后，許多人都會忘記該項目的結構與細節(jié)。然而代碼并不是馬上就能完全定型，在余下的時間里還有不斷的維護工作，而這些工作也許不會是你自己完成。2008-09-09
分頁顯示之超級提速版...2006-12-12
SPAN元素和DIV元素有的區(qū)別...2007-02-02
js開發(fā)中的頁面、屏幕、瀏覽器的位置原理（高度寬度）說明講解（附圖）
前端js開發(fā)中我們常遇到對頁面、屏幕、瀏覽器寬高和位置的獲取問題，有時間查到了js的實現(xiàn)代碼，但是不知道為什么。本篇圖文并茂講解Web環(huán)境中屏幕、瀏覽器及頁面的高度、寬度信息。2023-02-02
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字數(shù)=注釋的條數(shù)*2-1，這里的字數(shù)在中 文或英文數(shù)字時都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
我的一些關于web標準的思考筆記（一）...2006-12-12
客齊集OEM的CSS解析與開發(fā)經(jīng)驗...2007-03-03