CSS图片样式
2015-09-20 22:55
501 查看
1.控制图片的大小:
2.图片边框
3.图片水平对齐
4.图片垂直对齐
在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属性定义行内元素相对于该元素的垂直对齐方式。
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 设计更快的网页(三):字体和 CSS 调整
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
- 不同版本IE使用不同css(css条件注释语句用法)
- css类选择器的使用方法详解