【小白学前端】化腐朽为神奇-HTML+CSS3实现圆头像（day02-1）

原创于 2021-05-08 10:56:04 发布 · 291 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #css3

front-end 大前端专栏收录该内容

44 篇文章

订阅专栏

本文探讨了如何使用HTML、CSS和JavaScript创建吸引人的用户界面，通过圆角设计和背景图片展示了前端开发的基础美学技巧。

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#user{
				width: 250px;
				height: 250px;
				background-image: url(img/user.png);
				border-radius: 500px;
			}
		</style>
	</head>
	<body>
		<div id="user"></div>
	</body>
</html>