用CSS给图片打标的代码
2007-08-28 20:23
363 查看
<!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>
相关文章推荐
- 用CSS给图片打标的代码
- 用CSS来控制图片显示大小的代码
- 【css规范】正文页图片居中css样式代码
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- 用CSS给图片打标的方法
- 用CSS实现图片特效代码
- js+CSS 图片等比缩小并垂直居中实现代码
- gulp-css-spriter 将css代码中的切片图片合并成雪碧图
- CSS 图片横向排列实现代码
- 纯CSS代码实现的图片列表滚动
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- 几个div+css图片滚动显示的代码
- 几个div+css图片滚动显示的代码
- 用简单的css代码为相册图片加上漂亮阴影~~~转载自HackerPrince的空间
- 用CSS给图片加个带阴影的边框代码
- 图片大小固定的html+css图片提交按钮代码
- Javascript+CSS实现漂亮带缓冲效果的图片展示代码
- Javascript+CSS实现漂亮带缓冲效果的图片展示代码
- 两行 CSS 代码实现图片任意颜色赋色技术
- 用CSS实现的图片透明度链接效果代码