day4(9.10)边框阴影

最新推荐文章于 2025-05-25 09:37:29 发布

惹尘

最新推荐文章于 2025-05-25 09:37:29 发布

阅读量132

点赞数

文章标签： html

本文链接：https://blog.youkuaiyun.com/weixin_46037153/article/details/108508668

版权

本文详细介绍了HTML与CSS的基本使用，包括如何设置宽度、高度、边框和背景阴影等样式属性，通过具体代码示例展示了如何创建一个带有特定样式的div元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
				
			div{
				width: 300px;
				height: 100px;
				border: 1px solid red;
				background-color: red;
				box-shadow: 15px 15px 50px royalblue;
			}
		</style>
	</head>
	
	<body>
		<!--
		width宽度设置
		height高度设置
		border边框设置
		solid边框颜色设置
		double 代表双边框
		dashed虚线边框
		red代表颜色
		box-shadow背景阴影设置
		
		-->
		<div>
			
		</div>
	</body>
</html>