CSS将图片自动变为圆角
来源:互联网 发布:阿里云安全算法大赛 编辑:程序博客网 时间:2024/06/04 17:58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<head>
<title>Facebook图片圆角</title>
<style type="text/css">
body{margin:30px;padding:0;font-size:12px;text-align:center}
div{float:left;line-height:25px;color:red}
.photo{position:relative;width:50px;height:50px;float:left;margin:0 50px;}
.photo span{width:50px;height:50px;display:block;position:absolute;top:0;left:0;background: url(head_bg.png) no-repeat;}
.photo img{border:none;padding:0;}
</style>
<!--[if lt IE 7]>
<style type="text/css">
.photo span { behavior: url(iepngfix.htc);}
</style>
<![endif]-->
</head>
<body>
<div class="photo">
<a href="#"><span></span><img src="wall_s3.jpg" alt="image" width="50" height="50" /></a>圆角头像
</div>
<div><img src="wall_s3.jpg" alt="image" /><br />实际头像</div>
</body>
<head>
<title>Facebook图片圆角</title>
<style type="text/css">
body{margin:30px;padding:0;font-size:12px;text-align:center}
div{float:left;line-height:25px;color:red}
.photo{position:relative;width:50px;height:50px;float:left;margin:0 50px;}
.photo span{width:50px;height:50px;display:block;position:absolute;top:0;left:0;background: url(head_bg.png) no-repeat;}
.photo img{border:none;padding:0;}
</style>
<!--[if lt IE 7]>
<style type="text/css">
.photo span { behavior: url(iepngfix.htc);}
</style>
<![endif]-->
</head>
<body>
<div class="photo">
<a href="#"><span></span><img src="wall_s3.jpg" alt="image" width="50" height="50" /></a>圆角头像
</div>
<div><img src="wall_s3.jpg" alt="image" /><br />实际头像</div>
</body>
0 0
- CSS将图片自动变为圆角
- android 将图片变为圆角
- android中如何将图片变为圆角
- Android 将一张图片变为圆形图片
- CSS把彩色图片变为灰度图片
- PorterDuffXfermode实例,将自定义View变为图片
- 将图片批量变为30%等情况
- Photoshop制作Android UI: 如何将图片背景变为透明
- Photoshop制作Android UI: 如何将图片背景变为透明
- 利用photoshopcs6将gif格式图片变为背景透明
- Qt将图片保存为XML文件或者变为QSting
- CSS图片自动适应大小
- Css 图片自动缩放代码
- css图片按比例自动缩放
- css 超过长度变为...
- 将行变为列
- 将私有变为公有
- 将数据变为json
- abas ERP和SAAS
- 【Carthage】依赖工程管理工具
- 快速排序算法源码
- FragmentTabHost+Fragment实现底部菜单的切换
- JAVAEE5 VS JAVAEE6
- CSS将图片自动变为圆角
- 数据类操作之SharedPreferences(保存用户偏好参数)
- 神经网络BP推导及caffe中卷积层的实现
- 大众点评数据交换工具Wormhole设计与实现
- Easyui datebox设置默认时间 和 时间范围(七天,一个月)
- 外部浏览器跳转到APP的指定页面
- udp传输文件的客户端
- 在Eclipse中关联源代码
- Android模块化编程——炫酷小巧多功能Button2