盒子模型"/>
网页前端培训5盒子模型
padding内边距
设置元素所有内边距的宽度或者是设置边上内边距的宽度
单独设置各边的内边距:padding-top padding-left paddling-bottom padding-right
border边框
设置边框的颜色、样式、宽度
单独设置: border-color
border-style
border-width
margin外边距
默认按照上右下左的顺序设定 设置一个值:上右下左都一致
设置两个值:上下一致,左右一致,设置三个值:上右下 左和右一致
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>盒子模型</title><style type="text/css">#d1{width: 100px;height: 100px;background-color: blue;/* 设置边框 */border: brown 10px outset;/* 设置内边距 */padding: 10px;/* 设置外边距 */margin-top: 100px;margin-left: 100px;}</style></head><body><div id="d1"></div></body>
</html>
更多推荐
网页前端培训5盒子模型
发布评论