html显示模式

最新推荐文章于 2024-11-14 00:00:11 发布

Y2076205436

最新推荐文章于 2024-11-14 00:00:11 发布

阅读量283

点赞数 4

文章标签： html css 前端

本文链接：https://blog.csdn.net/Y2076205436/article/details/138635000

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>显示模式</title>
		<style>
			div {
				background-color: aqua;
				width: 200px;
				height: 300px;
			}

			span {
				background-color: blue;
				width: 100px;
				height: 500px;
			}
		</style>
	</head>
	<body>
		<!-- 元素显示：
		1.块元素block
		单独占一行
		默认宽度和夫级元素宽度的百分之百；
		2.行内元素inline
		 一行显示多个
		 默认宽度就是内容的宽度
		 -->
		<div>heello box</div>
		<p style="color: hotpink;">段落</p>
		<span>hello span</span>
		<del>删除线</del>
	</body>
</html>