CSS图片样式

来源:互联网 发布:单片机的开发就业前景 编辑:程序博客网 时间:2024/04/28 12:02

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属性定义行内元素相对于该元素的垂直对齐方式。
0 0
原创粉丝点击