图片背景及盒子模型

152 阅读1分钟

盒子模型有四个属性

margin:盒子的外边距

border:盒子的边框

padding:盒子的内边距

aontent:盒子的内容

border边框描述

边框有3个元素:像素、线性、颜色、

颜色默认是黑色、想让边框的粗细显示出来,必须要规定样式

border-top-width:20px

border-top-style:solid

border-top-color:red

(none 无边框;solid 实边框;dashed 虚线边框;dootde 点状边框;double双线边框)

border也是复合属性

图片背景设置

background-image:url(图片路径);

设置图片只出现一次:background-repeat: no-repeat;

设置图片在x轴重复:background-repeat-x

设置图片在y轴重复:background-repeat-y

自定义图片位置:background-position:0px 0px;(还可用%)

背景图片设置先后顺序为:颜色-----图片路径-----位置-----