

首页  思维导图  详情



使用css设置图片样式

2019-03-28 22:11:44   389  举报





AI智能生成

图片样式

前端知识

模版推荐

作者其他创作

大纲/内容

半透明

opacity

取值范围：0~1（值越低透明度越高）

圆角

border-radius

两个值：水平半径，垂直半径

对齐

水平对齐

text-align

对象：left,center,right

垂直对齐

与文字搭配使用中，通过vertical-align属性来设置

baseline,sub,super,top, text-top,middle,bottom

大小

height,width

取值可以是具体长度，也可以是相对值

图片边框

img标签的border

style:none,hidden, dotted,dashed, soild,          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属性值必须设置阴影的偏移值，否则没有效果

 Collect

Get Started

CSS层叠样式表

 Collect

Get Started

美化图片

 Collect

Get Started

发图片

 Collect

Get Started

图片编辑





0 条评论

下一页