css怎么设置div圆角-开发者知识库平台

css怎么设置div圆角

css div

910

2021/3/11 9:30:25

栏目: 编程语言

css怎么设置div圆角

css设置div圆角的方法：

在css中可以通过设置border-radius让div边角变得圆润。

示例：

<!DOCTYPE html>
<html>
<head>
<style> 
#rcorners1 {
  border-radius: 25px;
  background: #73AD21;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}
#rcorners2 {
  border-radius: 25px;
  border: 2px solid #73AD21;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}
#rcorners3 {
  border-radius: 25px;
  background: url(/i/paper.jpg);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px; 
  width: 200px;
  height: 150px;  
}
</style>
</head>
<body>
<h1>border-radius 属性</h1>
<p>拥有指定背景颜色的元素的圆角：</p>
<p id="rcorners1">Rounded corners!</p>
<p>带边框元素的圆角：</p>
<p id="rcorners2">Rounded corners!</p>
<p>拥有背景图片的元素的圆角：</p>
<p id="rcorners3">Rounded corners!</p>
</body>
</html>

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

css怎么设置div圆角

最新知识库

相关标签