手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用CSS给图片打标的方法
用CSS给图片打标的方法
摘要:图片打标body{padding:0px;margin:20px;}.pic{background:#000;padding:5px;bor...

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>

<title>图片打标</title>

<style>

body{padding:0px;margin:20px;}

.pic{background:#000;padding:5px;border:1pxsolid#4F4F4F;float:left;}

.picspan{width:99px;height:99px;background:url(images/blogo.gif);position:absolute;margin:1px;}

</style>

</head>

<body>

<divclass="pic">

<span></span>

<imgsrc="attachments/date_200706/74b26c75ae67e5fdabf34d29e20bec31.jpg"/>

</div>

</body>

</html>

【用CSS给图片打标的方法】相关文章:

用CSS巧控制段落缩进的方法

CSS书写规范及书写顺序的方法

CSS图片垂直居中方法整理集合

Width和height—CSS图片的缩放

CSS条状图表形式的实现方法

另一个CSS图片替换的技巧

纯CSS实现鼠标悬停提示的方法

学用CSS之HTML结构化

利用CSS同比例缩小图片技巧

用CSS的float属性创建三栏布局网页的方法

精品推荐
分类导航