使用css设置图片样式
2019-03-28 22:11:44 387 举报
AI智能生成
图片样式
作者其他创作
大纲/内容
半透明
opacity
取值范围:0~1(值越低透明度越高)
圆角
border-radius
两个值:水平半径,垂直半径
对齐
水平对齐
text-align
对象:left,center,right
垂直对齐
与文字搭配使用中,通过vertical-align属性来设置
baseline,sub,super,top,
text-top,middle,bottom
text-top,middle,bottom
大小
height,width
取值可以是具体长度,也可以是相对值
图片边框
img标签的border
style:none,hidden, dotted,dashed, soild,
double,groove,ridge,inset,outset
double,groove,ridge,inset,outset
width:length,thin,medium,thick
阴影
box-shadow
初始值为none,适用于所有元素
inset:内阴影,默认外阴影;
shadow:inset&&【<length>{2,4}&&<2,4>&&<color>?】
<length>:浮点数字和单位标识符组成的长度值,可取正负值,
定义阴影水平偏移,垂直偏移,以及阴影大小,阴影扩展
定义阴影水平偏移,垂直偏移,以及阴影大小,阴影扩展
<color>阴影颜色
不设置阴影,默认投影效果。x轴偏移和y轴偏移定义阴影偏移距离。
box-shadow属性值必须设置阴影的偏移值,否则没有效果
box-shadow属性值必须设置阴影的偏移值,否则没有效果
0 条评论
下一页