前端-CSS
余均
这个作者很懒,什么都没留下…
展开
-
CSS之盒子阴影与文字阴影
盒子阴影 语法格式: box-shadow: h-shadow v-shadow blur spread color inset; 值 描述 h-shadow 必需,水平阴影的位置,允许负值。(阴影在x轴上来回移动) v-shadow 必需,垂直阴影的位置,允许负值(阴影在y轴上来回移动) blur 可选,模糊距离(阴影模糊的程度) spread 阴影的尺寸(阴影的大小) color 阴影的颜色 inset 将外部阴影(outset)改为内部阴影(阴影在图片里面)原创 2020-10-24 10:10:54 · 192 阅读 · 0 评论 -
CSS3之圆角边框
CSS3后才增加的圆角样式 圆角边框: border-radius:length; (参数值可以为百分比也可以为数值的形式) 原理: 圆与边框的交集形成圆角效果。 作用: 使盒子的四个角变成圆角,且length越大,四个角的弧度就越小。 圆形边框制作: 1.设置一个正方形盒子 2.将圆角边框设置为盒子边长的一半 圆角矩形的制作: 将border-radius设置为矩形高度的一半 设置边框不同的圆角: border-radius:length1 length2 length3原创 2020-10-23 18:19:18 · 162 阅读 · 0 评论 -
盒子模型与PS基本操作
边框 边框三属性:颜色 粗细 样式 颜色:border-color 粗细:border-width 一般情况下,用px做单位 样式:border-style solid(实线) dashed(虚线) dotted(点线) 内容 外边距 内边距原创 2020-10-23 16:50:06 · 284 阅读 · 0 评论