边框线笔记

边框线笔记

一、内容溢出
当内容多,元素区域小的时候,就会产生溢出,默认都是纵向溢出的。
属性: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:将默认的外阴影设置为内阴影

发布了30 篇原创文章 · 获赞 1 · 访问量 2592

猜你喜欢

转载自blog.csdn.net/qq_42527726/article/details/84099120