话说天下大势,看到此文章者,必先做一道题后在离开。
题目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那些事
我们现在有一张红色的纸,纸上画