div圆形怎么写( 二 ) _圆形

<html>
<head>
<style>
.circle{
background-color: red;
width: 500px;
height: 500px;
border-radius: 250px;
position: relative;
}
.text{
position: absolute;
top: 200px;
right: 200px;
}
</style>
</head>
<body>
<div class="circle">
<div class="text">
saasdfs
</div>
</div>
</body>
</html>
6.div+css中将默认的单选按钮样式（圆的）变成正方形的样式怎么写1、首先打开hbuilder软件，新建几个默认的复选框。
2、然后在上方的style标签设置input的样式，先设置input的display属性为none，将默认的单选框去掉，在设置一下各个单选框的margin的距离。
3、接着在下方继续设置样式，设置label标签的before和after伪元素，将原有before的单选框选中状态的属性“checked+label”设置变为红色实心框，同时未选中的状态的“label::after”为白色空心方框。
4、最后打开浏览器，即可看到设置好的样式，其中被选中的是红色的实心方框，没被选择的则是没有颜色的方框。
7.两个半圆不同颜色成一个圆形用css3怎么写<style>
.box{
width: 100px;
height: 50px;
}
.top{
background: #000;
border-radius: 50px 50px 0 0；/* 左上、右上、右下、左下 */
}
.bottom{
background: #0fa;
border-radius: 0 0 50px 50px；/* 左上、右上、右下、左下 */
}
</style>
<body>
<div class="box top"></div>
<div class="box bottom"></div>
</body>
【div圆形怎么写】

文章插图