html css 文字环绕 XXX xxx

最新推荐文章于 2024-05-28 15:06:39 发布

原创最新推荐文章于 2024-05-28 15:06:39 发布 · 3.3w 阅读

2 ·

CC 4.0 BY-SA版权

栽树专栏收录该内容

89 篇文章

订阅专栏

这篇博客展示了如何使用CSS来创建一个具有绿色背景、白色文字和蓝色边框的浮动左盒，并将其与一个红色背景、黑色边框的主内容区域进行布局。通过这段代码，我们可以学习到CSS中的浮动、颜色和边框属性在网页设计中的基本应用。

<!doctype html>
<html>
	<head>
		<style>
			.box1 {
				width: 100px;
				height: 50px;
				background: green;
				color: #fff;
				border: 5px solid blue;
				float: left;
			}
			div {
				background: red;
				width: 250px;
				height: 120px;
				border: 1px solid black;
			}	
		</style>
	</head>
	<body>
		<div class="box1">hehe</div>
		<div>好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了好使了
		</div>
	</body>
</html>