div如何变成圆形

最新推荐文章于 2024-04-11 16:25:45 发布

牛哄哄的柯南

最新推荐文章于 2024-04-11 16:25:45 发布

阅读量1.3w

点赞数 26

文章标签：前端 div html

本文链接：https://blog.csdn.net/weixin_43883917/article/details/109662077

版权

有时候我们会有把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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

牛哄哄的柯南

关注关注

26
点赞
踩
29

收藏

觉得还不错? 一键收藏
打赏
11
评论
div如何变成圆形

有时候我们会有把div变成圆形的需求。用下面的语句就可以了↓border-radius: 50%;样例代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> #d1{ width:100px; height: 100px; background-color: #6495ED; border-radius: 50%;
复制链接

扫一扫