<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>盒子模型</title>
<style>
.box{
width:1266px;
height:52px;
border: solid 5px red;
/* 当写一个值:上下左右都是同一个内边距 */
/* 写两个值:第一个值代表上下,第二个值左右 */
/*三个值:第一个代表上,第二个代表左右,第三个代表下*/
/*四个值:上 右 下 左 顺时针 */
/*padding:20px 10px 30px 5px;*/
/* padding-left:左内边距 */
padding-left: 30px;
}
.box2{
width: 200px;
height: 50px;
border: solid 1px green;
}
</style>
</head>
<body>
<div class="box">dddddddddddddddddddddddddddddddddddddddddddddddddd</div>
</body>
</html>
HTML笔记(6)
最新推荐文章于 2024-07-19 18:46:52 发布