Molet

css怎么把div设置成圆角 css怎么把div设置成圆形

Molet web技术 2022-10-21 496浏览 0

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

我们可以通过添加border-radius属性可以让边角变得圆润,具体代码如下:

css怎么把div设置成圆角 css怎么把div设置成圆形

效果:

css怎么把div设置成圆角 css怎么把div设置成圆形

border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性,这个属性允许你为元素添加圆角边框!

举例:

 
 
div
{
	border:2px solid #a1a1a1;
	padding:10px 40px; 
	background:#dddddd;
	width:300px;
	border-radius:25px;
}




border-radius 属性允许您为元素添加圆角边框!

显示结果:

css怎么把div设置成圆角 css怎么把div设置成圆形

继续浏览有关 css教程 的文章
发表评论