前端一HTML:二十五盒子模型
html页面上的每一个元素都是一个盒子。
万物皆盒子。
盒子的组成: content, Padding, border, margin
盒子的外壳: border
1. border-width: 设置边框宽度
2. border-style: 设置边框样式
solid:实线
3. border-color: 设置边框颜色
以上三种可以使用border连写.
border: border-width border-style border-color
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{
width: 200px;
height: 200px;
background-color: yellow;
/*border: 1px solid #000*/ /*连写*/
border-width: 1px;
border-style: solid;
border-color: red;
}
</style>
</head>
<body>
<div>
奥特曼大战怪兽!!
</div>
</body>
</html>