纯css实现让div的四个角成弧形
纯css实现让div的四个角成弧形
发布时间:2016-12-27 来源:查字典编辑
摘要:.img-preview{-moz-border-bottom-colors:none;-moz-border-left-colors:no...

<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></div>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类