CSS图片样式

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属性定义行内元素相对于该元素的垂直对齐方式。