border使用

2018-01-31 19:27:08来源:cnblogs.com作者:webyun人点击

分享

border属性 border-width  border-style  border-color  inherit

border-style的值:none  dotted(点线)  dashed(虚线)  solid(实线) double(双线)  groove(凹槽)  ridge(凸起)  inset outset   inherit

div {    border: 1px solid #ff0000;}div {    border-bottom: 1px solid #ff0000;}

CSS3新增的有border-radius  box-shadow  border-image

border-radius可以用em、px、%来指定圆角大小  也可以四个角单独指定

div {    border-radius: 50%;}div {    border-top-left-radius:2em;    border-top-right-radius:2em;    border-bottom-right-radius:2em;    border-bottom-left-radius:2em;}

box-shadow  水平阴影  垂直阴影  阴影长度  阴影颜色

div {    box-shadow: 10px 10px 5px #ff0000;}

border-image 请参阅 http://www.w3school.com.cn/tiy/t.asp?f=css3_border-image

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台