CSS中div的内边框padding ----------------------------------CSS中div的内边框padding------------------------------------
所有html在布局上都遵守盒⼦模型
代码⽰例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.outside{
padding:10px 30px 50px 100px;/* 从上边距顺时针赋值宽度  */
/*padding:10px 10px 10px 10px; 从上边距顺时针赋值宽度  */
border: 1px solid black;    /* 给边框设置宽度，样式，颜⾊ */
width:800px;
background-color:#fffcd3;
}
.inside{
width:100%;
height:100%;
background-color:#66b2ff;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="outside">
<div class="inside">内容</div>
</div>
</body>
</html>
--------------------------------------------div border属性
内边框的宽⾼百分⽐⼤⼩由外边框的padding所设置的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。