第四天

css盒子模型
设置边框:
border-top-color:red; /* 设置顶部边框颜色为红色 /
border-top-width:10px; /
设置顶部边框粗细为10px /
border-top-style:solid; /
设置顶部边框的线性为实线,常用的有:solid(实线)
dashed(虚线) dotted(点线); /
以上三句可简写为一句:
border-top:10px solid red;
设置其他边的方法与以上的方法一样,只是把top替换成想要设置的边即可
如果四个边一样,可以使用:border:10px solid red;
设置内间距 padding:
设置四个边的内间距:
padding-top:20px; /
设置顶部内间距20px /
padding-left:30px; /
设置左边内间距30px /
padding-right:40px; /
设置右边内间距40px /
padding-bottom:50px; /
设置底部内间距50px /
可简写为:
padding:20px 40px 50px 30px;
padding后面还可以跟3个值,2个值和1个值,它们分别设置的项目如下:
padding:20px 40px 50px; /
设置顶部内边距为20px,左右内边距为40px,底部内边距为50px /
padding:20px 40px; /
设置上下内边距为20px,左右内边距为40px/
padding:20px; /
设置四边内边距为20px */
设置外间距 margin:
设置方法与外间距相同 将padding替换成margin即可

你可能感兴趣的:(第四天)