border-radius(含义是"边框半径")。你为这个属性提供一个值,em、ex、pt、px、百分比等等,就能同时设置四个圆角的半径达到圆角或光晕效果
目录
1css边框圆角效果代码
2css边框圆角设置那个属性
css边框圆角效果代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通高科技</title>
<style>
.num2{
width: 400px;
height: 400px;
border-style: solid;
border-width: 10px;
border-color: aqua;
border-radius:50%;
}
</style>
</head>
<body>
<div class="num2">
css边框圆角效果代码
</div>
</body>
</html>
css边框圆角设置那个属性
CSS圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。
border-radius可以同时设置1到4个值:如果设置1个值,表示4个圆角都使用这个值。