纯css实现让div的四个角成弧形
复制代码代码如下:
.img-preview{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-bottom-color: #B8B8B8;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
border-left-color-value: #B8B8B8;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-left-style-value: solid;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-left-width-value: 1px;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-right-color-value: #B8B8B8;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-right-style-value: solid;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-right-width-value: 1px;
border-top-color: #B8B8B8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
float: left;
width: 350px;
height:200px;
}
相关阅读:
C#利用正则判断输入是否为纯数字、容器类
C语言中数组作为函数的参数以及返回值的使用简单入门
SQL Server误区30日谈 第30天 有关备份的30个误区
oracle保留两位小数解决方案
纯css制作带三角border篇(兼容所有浏览器)
js实现div的切换特效上一个下一个
Jquery弹出层插件ThickBox的使用方法
js使用递归解析xml
Win10一周年更新14316加入新Emoji表情 是大名鼎鼎的忍者猫
解决PHP超大文件下载,断点续传下载的方法详解
PHP编程风格规范分享
node.js中的querystring.stringify方法使用说明
Bootstrap多级导航栏(级联导航)的实现代码
总结Node.js中的一些错误类型