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

第三课 CSS的属性与用法

时间:2015-09-23 06:39:27      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

1、border 边框

可以按顺序设置如下边框属性: 

属性描述
border-width  以PX为单位  边框的粗细
border-style

1、solid      实线

2、dashed  虚线

3、dotted   点线 

边框的样式 
border-color

可以用英文,如:red

也可以在色板里选择

边框的颜色 

 

 

 

 

 

 

 

 

通常采用简写的方式:

简写方式:
border:solid 1px #FOF;

实例: 

HTML部分:
<div id="d1"></div>
CSS部分:
#d1
{
    width:100px;            /* 宽度 */
    height:100px;           /* 高度 */
    border:solid 1px #F0F;  /* 边框 */  
}
效果:
技术分享
高度为100px 宽度为100px 实线 1px粗线 #F0F颜色

2、background 页面背景

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

 

 

 

 

 

3、table 表格样式

table
{
    whidth:400px;
    height:400px;
    border:solid 1px red;
    border-collapse:collapse;
}

留意:border-collapse:collapse

让表格的边框合并为单一的边框

 

第三课 CSS的属性与用法

标签:

原文地址:http://www.cnblogs.com/malagao-facebook/p/4830982.html

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