码迷,mamicode.com
首页 > Web开发 > 详细

浅谈css样式(border、background、table)

时间:2015-09-21 23:53:28      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

border用法

border:边框。属性有:border-width,border-style,border-color。

1 <div id="d1">
2    高度200,宽带200,边框颜色为红色的边框。
3 </div>
1 #d1{
2  width:200px;
3  height:200px;
4  border:1px solid red;
5    }

 border-width:表示边框的粗细。border-style:边框样式。solid实线。dashed虚线。dotted:点线。border-color:边框颜色。

举例说明

1 #d1{
2  width:200px;
3  height:200px;
4  border:2px dashed red;
5    }

网页背景(background)

网页背景设置属性有:background-color:背景颜色。background-image:背景图片。background-position:背景图像的位置。background-attachment:fixed;规定背景图像是否固定或者随着页面的其余部分滚动。

举例说明:

1 <div id="d2">
2    背景小图标设置
3 </div>
1 #d2{
2 width:14px;
3 height:14px;
4 margin:0px;
5 padding:0px;
6 background-image:url(../image/iconNew.png);
7 background-position:left -50px;
8 background-attachment:fixed;
9 }

表格(table)

边框会合并为一个单一的边框。

1 table{
2 width:300px;
3 height:400px;
4 border:1px solid #ccc;
5 border-collapse: collapse;/*合并边框*/
6 }

 

浅谈css样式(border、background、table)

标签:

原文地址:http://www.cnblogs.com/minguofeng/p/4827676.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!