码迷,mamicode.com
首页 > Web开发 > 详细

CSS第四天总结 更多的属性 圆角 边框图片 段落属性 颜色渐变 盒子阴影

时间:2016-08-11 17:59:37      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

圆角边框:

border-radius    一个值时表示四个角用的圆半径,4个值时分别是左上角、右上角、左下角、右下角,单位可以是px和百分比,百分比是半径相对于边框长度的比例

在CSS3中我们终于可以快捷地设置圆角,而且通过这个属性我们还可以做出圆、半圆、四分一圆、椭圆等图形。

常用的圆角效果:

div{border-radius: 15px;}

两个值时,分别指水平方向的半径和垂直方向的半径,用/号隔开,如:

div{border-radius:5px 3px 4px 2px/1px 2px 3px 4px;}

圆:

div{border-radius:50%;}

 

CSS第四天总结 更多的属性 圆角 边框图片 段落属性 颜色渐变 盒子阴影

标签:

原文地址:http://www.cnblogs.com/deoem/p/5761782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!