手记

css边框圆角设置,几行代码帮你解决

    css边框圆角如何设置?很多时候在开发网页前端的时候,本篇文章将给大家来介绍一下css设置圆角边框的方法。

    css圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。

    我们来看一个css设置圆角边框代码例子:

div

{

text-align:center;

border:2px solid #a1a1a1;

padding:80px 40px;

background:pink;

width:150px;

border-radius:25px;

-moz-border-radius:25px; /* 老的 Firefox */

}

圆角边框

效果如下:

    好啦,以上便是关于css边框圆角设置的全部内容,更多内容干货可关注慕课网~


0人推荐
随时随地看视频
慕课网APP