浅谈css样式(border、background、table)
2015-09-21 23:33
525 查看
border用法
border:边框。属性有:border-width,border-style,border-color。
border-width:表示边框的粗细。border-style:边框样式。solid实线。dashed虚线。dotted:点线。border-color:边框颜色。
举例说明
网页背景(background)
网页背景设置属性有:background-color:背景颜色。background-image:背景图片。background-position:背景图像的位置。background-attachment:fixed;规定背景图像是否固定或者随着页面的其余部分滚动。
举例说明:
表格(table)
边框会合并为一个单一的边框。
border:边框。属性有:border-width,border-style,border-color。
<div id="d1"> 高度200,宽带200,边框颜色为红色的边框。 </div>
#d1{ width:200px; height:200px; border:1px solid red; }
border-width:表示边框的粗细。border-style:边框样式。solid实线。dashed虚线。dotted:点线。border-color:边框颜色。
举例说明
#d1{ width:200px; height:200px; border:2px dashed red; }
网页背景(background)
网页背景设置属性有:background-color:背景颜色。background-image:背景图片。background-position:背景图像的位置。background-attachment:fixed;规定背景图像是否固定或者随着页面的其余部分滚动。
举例说明:
<div id="d2"> 背景小图标设置 </div>
#d2{ width:14px; height:14px; margin:0px; padding:0px; background-image:url(../image/iconNew.png); background-position:left -50px; background-attachment:fixed; }
表格(table)
边框会合并为一个单一的边框。
table{ width:300px; height:400px; border:1px solid #ccc; border-collapse: collapse;/*合并边框*/ }
相关文章推荐
- CSS3动画之旋转魔方盒
- CSS-1、选择器
- CSS盒模型
- 【CSS】盒模型+选择器(你选择的要操作的对象)
- CSS3动画之透视
- css学习备忘
- CSS3动画之百度钱包
- [前端] css3滤镜效果
- css里面的颜色
- css中padding和magin的区别
- CSS3动画之无缝滚动
- css中单位px、pt、em和rem的区别
- 浅谈box-sizing的用法
- 原生JS修改标签样式为带阴影效果
- CSS
- CSS3动画下拉菜单(当transition遇到display的坑)
- css解决方案经验杂记
- css position两个属性值absolute和fixed的区别
- CSS visibility 属性
- 页面防止js,css等缓存问题解决办法