----------------------------------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>
|
--------------------------------------------
内边框的宽高百分比大小由外边框的padding所设置的。