手机
当前位置:查字典教程网 >网页设计 > 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同比例缩小图片技巧

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

css实现连续的英文或数字自动换行的方法

学用CSS之HTML结构化

用纯CSS代码创建日历图标

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

使用CSS代码的空格实现中文对齐的方法

精品推荐
分类导航