<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" media="screen">
.cicle{
margin:0 auto;
<span style="color:#3333FF;">width: 200px;
height: 200px;</span>
border:2px solid orange;
background-color: #09f;
<span style="color:#3333FF;"> border-radius: 50%;</span>
}
.radius{
margin:0 auto;
width: 300px;
height: 200px;
border:2px solid orange;
background-color: #ccc;
<span style="color:#FF6666;"> <span style="color:#3333FF;">border-radius: 15px;</span></span>
}
</style>
</head>
<body>
//圆形
<div class="cicle">
</div>
//圆形边角
纯CSS实现画圆功能
最新推荐文章于 2024-09-05 14:01:36 发布
这篇博客通过HTML和CSS展示了如何创建圆形和带有圆角的元素。通过设置`border-radius`属性,当`width`和`height`相等且为50%时,可以得到一个圆形;而设置具体的像素值则可以实现边角的弯曲效果。
摘要由CSDN通过智能技术生成