手机
当前位置:查字典教程网 >网页设计 > 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给图片打标的方法】相关文章:

巧用CSS3 border实现图片遮罩效果代码

IE6下图片下方有空间距的多种解决方法

用纯CSS代码创建日历图标

常用CSS缩写语法

另一个CSS图片替换的技巧

CSS提高渲染性能实现方法

CSS中图片于文本的基线对齐设置

学用CSS之HTML结构化

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

DIV下图片自适应解决方法

精品推荐
分类导航