作者:捕鱼达人2502940243 | 来源:互联网 | 2020-07-17 00:31
css如何设置边框?很多时候在开发网页前端的时候,为了让网页上面的东西看起来更加的舒服,我们可能需要设置一些圆角边框比如按钮之类的,那么,我们该怎么来设置圆角边框呢?本篇文章将给大家来介绍一下css设置圆角边框的方法。
css如何设置边框?很多时候在开发网页前端的时候,为了让网页上面的东西看起来更加的舒服,我们可能需要设置一些圆角边框比如按钮之类的,那么,我们该怎么来设置圆角边框呢?本篇文章将给大家来介绍一下css设置圆角边框的方法。
css设置圆角边框最常用也是最简单的方法就是利用border-radius属性。
CSS圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。
我们来看一个css设置圆角边框代码例子:
圆角边框
效果如下:
如果设置两个值,表示左上角和右下角使用第一
个值,右上角和左下角使用第二个值。
css圆角边框代码:border-radius: 15px 5px;
如果设置四个值,则依次
对应左上角、右上角、右下角、左下角(顺时针顺序)。
css圆角边框代码:border-radius: 15px 5px 25px 0px;
border-bottom-left-radius
这四个属性都可以同时设置1到2个值。如果设置1个值,表示水平半径与垂直半径相等。如果设置2个值,第一个值表示水平半径,第二个值表示垂直半径。
以上就是css设置圆角边框的方法,想要了解更多css边框属性可以参考css手册。
以上就是css如何设置圆角边框?css设置圆角边框的方法(图文)的详细内容,更多请关注 第一PHP社区 其它相关文章!