Web学习笔记14：CSS代码块2

最新推荐文章于 2024-08-27 14:45:25 发布

「已注销」

最新推荐文章于 2024-08-27 14:45:25 发布

阅读量211

点赞数 1

本文链接：https://blog.csdn.net/wanghs0716/article/details/125100816

版权

本文探讨了CSS中的盒子模型，从border开始，解析边的粗细、类型和颜色。接着介绍了盒子模型的进阶应用，特别是定位功能，通过示例解释了如何实现元素的正确对齐。此外，还提到了行高(line-height)和缩进(text-indent)的设置方法。

摘要由CSDN通过智能技术生成

话说天下大势，看到此文章者，必先做一道题后在离开。

题目1：用CSS绘制一个绿色的三角形。

这道题难免令我们有些懵逼。所以，如何解这道题成为了一道非常非常难的题。

（听小道消息说这是一个百度某年的笔试题）

我们直接来看答案：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>css代码块2</title>
	<style type="text/css">
		div{
			width: 0px;
			height: 0px;
			border: 100px solid black;
			border-left-color: transparent;
			border-top-color: transparent;
			border-right-color: transparent;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>

不知你是否有点蒙？什么是border？borer是什么鬼东西？~~可以吃吗？~~

这就不得不提到我们今天的内容了。

盒子模型-border那些事

我们现在有一张红色的纸，纸上画

最低0.47元/天解锁文章

「已注销」

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Web学习笔记14：CSS代码块2

话说天下大势，看到此文章者，必先做一道题后在离开。这道题难免令我们有些懵逼。所以，如何解这道题成为了一道非常非常难的题。（听小道消息说这是一个百度某年的笔试题）我们直接来看答案： css代码块2
复制链接

扫一扫