夕阳渐渐迫近地平线，霞光从地平线晕染开来，将天边的云朵渲染得一片通红。山岗上，我静静地望着那轮夕阳。霞光将我的身影剪裁的冗长。暖暖的阳光将我投射成透明，仿佛随时都会蒸发。
复制代码
代码如下:<html>
<head>
<style type="text/css">
.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;
}
</style>
</head>
<body>
<div class="img-preview"></div>
</body>
</html>
到此这篇关于纯css如何实现让div的四个角成弧形就介绍到这了。生活如水，人生似茶，再好的茶放到水中一泡，久了，也就淡了？也许是棱角平了，或许是成熟稳重了，脚步越来越踏实，日子越来越平淡？人生步入另外一种境界，原来淡然，是人生的一种，更是人生的一种修养。更多相关纯css如何实现让div的四个角成弧形内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
