原创

CSS-对img图片设置圆角-单独对四个角设置圆角

/*img图片圆角样式:需要直接对img设置*/

.js-cardview-text-image .thumb img {
	/*border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px*/
	
	/* 也可以单独对四个角设置圆角*/
 border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius:  6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius:  6px;
	-webkit-border-bottom-right-radius:  6px;
}

正文到此结束

所属分类：前端基础

本文标签： CSS
本文链接： https://code.jiangjiesheng.cn/article/71
版权声明： 本文由小江同学原创发布，转载请先联系本站长，谢谢。

CSS-对img图片设置圆角-单独对四个角设置圆角

热门推荐

相关文章

说给你听

本文目录

标签云

近期评论

网站信息