使用这4种颜色绘制半径为100px像素的空心圆

最新推荐文章于 2023-05-12 19:55:37 发布

爱雨天

最新推荐文章于 2023-05-12 19:55:37 发布

阅读量882

点赞数

分类专栏： css 文章标签： html servlet css

本文链接：https://blog.csdn.net/weixin_52634719/article/details/127511395

版权

css 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

编制网页文件，分别使用这4种颜色绘制若干个半径为100px像素的空心圆，用这些颜色来做边

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

.circle{

width: 100px;

height: 100px;

border-radius: 50%;

border: 1px solid #5f9ea0;

}

</style>

<style>

.cicle{

width: 100px;

height: 100px;

border-radius: 50%;

border: 1px solid #7fff00;

}

</style>

<style>

.cicle{

width: 100px;

height: 100px;

border-radius: 50%;

border: 1px solid #7fff00;

}

</style>

<style>

.cile{

width: 200px;

height: 200px;

border-radius: 50%;

border: 1px solid #d2691e;

}

</style>

<style>

.cil{

width: 100px;

height: 100px;

border-radius: 100px;

border: 1px solid #ff7f50;

}

</style>

</head>

<body>

<div class="circle"></div>

<div class="cicle"></div>

<div class="cile"></div>

<div class="cil"></div>

</body>

</html>