css让图片变成圆角矩形 border-radius: 15px;
2016-03-21 10:51
751 查看
<style> .wrapper img {border-radius: 15px;
}</style><div class="wrapper"><img src="images/hot_02.jpg" /><br><img src="images/ny_tell.jpg" /></div>
}</style><div class="wrapper"><img src="images/hot_02.jpg" /><br><img src="images/ny_tell.jpg" /></div>
border-radius:2em;等价于:
border-top-left-radius:2em; border-top-right-radius:2em; border-bottom-right-radius:2em; border-bottom-left-radius:2em;
例子 2
border-radius: 2em 1em 4em / 0.5em 3em;等价于:
border-top-left-radius: 2em 0.5em; border-top-right-radius: 1em 3em; border-bottom-right-radius: 4em 0.5em; border-bottom-left-radius: 1em 3em;
相关文章推荐
- CSS3的文字阴影—text-shadow
- CSS的鼠标手势实现
- css定义图片列表图片不变形
- 深入理解css 行高”line-height
- Css控制层在中间以及右下角显示(附…
- 改dede留言板的分页标签样式 和留言条数
- css中的媒介查询
- css 伪类
- dede友情链接生成样式如何修改?
- css 显示省略号
- opacity: 0.5; css透明覆盖详解
- CSSOM视图模式(CSSOM View Module)相关整理
- Html+Css CSS3_transform属性中的_scale属性值
- CSS3动画几个平时没注意的属性
- css3 flex属性flex-grow、flex-shrink、flex-basis学习笔记
- CSS图片旋转
- CSS去掉 a 标签点击后出现的虚线框
- css class中加空格的效果
- 目前比较全的CSS重设(reset)方法总结(转)
- HTML+CSS布局