您的位置:首页 > Web前端 > CSS

CSS图片样式

2015-09-20 22:55 501 查看
1.控制图片的大小:

在CSS中,对于图片的大小,我们也是用width和height来定义。

语法:
1width:像素值;
2height:像素值;

不管图片的实际大小是多少,你都可以使用width和height来定义你想要的高度和宽度


2.图片边框

在CSS中,对于图片的边框,我们也是使用border属性来定义。
语法:
border-width:像素值;
border-style:属性值;
border-color:颜色值;(或者使用border简洁写法,如“border:1px solid gray;)


3.图片水平对齐

text-align一般只用在两个地方:文本水平对齐和图片水平对齐。也就是说,text-align只对文本和<img>标签有效,对其他标签无效
语法:
text-align:属性值;
属性值:
left    默认值,左对齐
center  居中对齐
right   右对齐
图片是要在父元素中进行水平对齐的,要想对图片进行水平对齐,就要在父元素(div元素)中设置text-align属性


4.图片垂直对齐

语法:
vertical-align:属性值;
属性值:
top         顶部对齐
middle      中部对齐
baseline    基线对齐
bottom      将每个英文单词的首字母转换成大写,其余无转换发生
注:vertical-align属性定义是:vertical-align属性定义行内元素相对于该元素的垂直对齐方式。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  图片 css