边框线笔记

边框线笔记

一、内容溢出
当内容多，元素区域小的时候，就会产生溢出，默认都是纵向溢出的。
属性：overflow,overflow-x,overflow-y
1.visible 可见的，默认值，溢出可见
2.hidden 隐藏的，溢出的内容全部隐藏，不可见。
3.scroll 显示滚动条，溢出时，可用
4.auto 自动，溢出时才显示滚动条并可用

二、 边框线
1.solid 实线条
2.dotted 虚线条（点）
3.dashed 虚线条（线）
color:边框的颜色，取值为合法的颜色值(透明色：transparent)。

三、边框倒角
将元素的四个直角给倒成圆角。
属性：border-radius
取值：以px为单位的数字 或者 百分比(设置圆形)

四、边框阴影
属性：box-shadow
取值：h-shadow v-shadow blur spread color inset;
h-shadow:阴影在水平方向的偏移，必须值
取值为正，阴影右偏移
取值为负，阴影左偏移
v-shadow:阴影在垂直方向的偏移，必须值
取值为正，阴影下偏移
取值为负，阴影上偏移
blur:模糊距离，可选值
spread:阴影尺寸，可选值
color:阴影颜色，可选值
inset:将默认的外阴影设置为内阴影