温馨提示  2024年 6月我们已经停止开发者板块文章内容更新,谢谢来访。存档数据
知识 2023-08-24 35 次阅读

css中圆角属性值能用百分比吗

   

在css中,圆角属性值能用百分比表示;“border-radius”属性是css中用于设置元素圆角的属性,当属性值用百分比表示时,就会以百分比定义圆角的形状,语法为“border-radius:数值%;”。

本教程操作环境windows10系统、css3&&html5版、dell g3电脑。

css中圆角属性值能用百分比吗

在css中,利用利用“border-radius”属性设置元素的圆角样式,其中属性值有两种表示方法

当使用百分比来表示圆角属性时,就会以百分比定义圆角的形状,示例如下

<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>css制作椭圆</title>
<style>
.ellipse{
width: 200px;
height: 100px;
background-color: red;
border-radius:50%;
}
</style>
</head>
<body>
<div class=ellipse></div>
</body>
</html>

输出结果

(学习视频分享css视频教程)