div如何变成圆形

1,313 阅读1分钟

有时候我们会有把div变成圆形的需求。

用下面的语句就可以了↓

border-radius: 50%;

样例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			#d1{
				width:100px;
				height: 100px;
				background-color: #6495ED;
				border-radius: 50%;
				text-align: center;
				line-height: 100px;
				
			}
		</style>
		<title></title>
	</head>
	<body>
		<div id="d1">
			圆形div
		</div>
	</body>
<ml>

效果截图:
在这里插入图片描述
写作不易,读完如果对你有帮助,感谢点赞支持!
如果你是电脑端,看见右下角的“一键三连”了吗,没错点它[哈哈]

在这里插入图片描述

加油!

共同努力!

Keafmd