谈谈用Css3如何实现圆角边框

我们在这要谈的是如何用html编程来实现让边框成为圆角，其中就包括了怎样给一个文本或者一段文字添加边框，在把边框写为圆角。那么我们开始言归正传。
首先我们要知道给一个文本或一段文字添加边框要怎样添加，那我们就得要运用到border那么我们用border添加好边框之后如图：

那么我们根据上图HTML语言得知我们得到的是一个高度和宽都为200px，
颜色为红色的边框。如下图：

那么我们根据这样的效果如何能让它的四个角成为圆角呢？
其次我们就得知道border-radius：，其次还得知道border-radius：后面跟的是怎样的值？
border-radius：20px；当它后面是一个值的时候，那么它就会是四个角的圆角的半径就为这个值，如上写到20px，那这个圆角的半径值就位20。


border-radius：20px 50px；当它的值是两位的时候，那它的左上角和右下角圆角的半径就为20而左下角和右上角圆角半径就为50.


border-radius：20px 30px 40px 50px;当它的值为四个数值是时，那相对应的就是左上角、右上角、右下角和左下角分别就是20、30、40和50。


那么有正圆角就会有椭圆角，椭圆角就是border-radius：20px/50px;
就是用20*50的椭圆和它相切就会得到的样式角为椭圆角。


那么半圆也就可以用border-radius：做出来，我们把其中两个相邻的值取宽和高的1/2另外两个值则为0，然后再把没有变为圆角的那两条边框的长度改成原来值得1/2就可以得到半圆。


这就是HTML语言编程的魅力，如果想快速提升自己，让自己也成为编程高手，详情请了解逆战班。