Dev_Nick

导航

css（三）-- 常用属性

css的常用属性包括以下几种：

CSS 背景
CSS 文本
CSS 字体
CSS 列表
CSS 表格

 1、CSS 背景

1 /*操作背景的属性 */
2     body{
3         /*background-color:#CCC;  设置背景颜色*/
4         background-image:url(2.jpg);
5         background-repeat:no-repeat;  /*  设置背图片是否要重复 */
6         background-position:370px 100px; /* 设置背景图片的位置， 第一个参数是左上角的左边距， 第二个参数是左上角的上边距 */
7     }

2、CSS 文本和CSS 字体

 1 /* 操作文本的样式 */
 2     
 3     div{
 4         color:#F00;
 5         font-size:16px;
 6         line-height:40px;
 7         letter-spacing:10px;
 8         text-align:center;
 9         text-decoration:none;
10         text-transform:uppercase; 
11     }

3、CSS 表格

1 table{
2         /*border-collapse:collapse; 合并表格的边框*/
3         border-spacing:20px; /* 设置单元格的边框与表格的边框距离*/
4         table-layout:fixed;
5     }

4、CSS 边框

 1 /* 
 2         div默认是没有边框呃。
 3     */
 4     
 5     div{
 6         width:100px;
 7         height:100px;
 8         border-style:dotted solid double ; /* 设置边框的样式  上 右 下 左*/
 9         border-color:#F00;
10         border-bottom-color:#0FF;
11         border-top-width:100px;
12     }

具体的属性可以参照w3school。

 

posted on 2017-01-15 18:48  Dev_Nick  阅读(158)  评论(0)  编辑  收藏  举报