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

本文主要是介绍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边框圆角设置的全部内容，更多内容干货可关注慕课网~

这篇关于css边框圆角设置，几行代码帮你解决的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

CSS教程