用户登陆:
设为首页 | 加入收藏 | 全站地图
您现在的位置: 星星雨设计站 >> 网络学院 >> 网页设计 >> CSS教程 >> 教程正文
CSS边框
作者:佚名    教程来源:本站原创    点击数:    更新时间:2008-1-4

CSS border-width 属性

CSS border-top-width 属性

border-top-width -- 定义上边框的宽度
  • 取值:<border-width> | inherit
    • <border-width>: 边框宽度
    • inherit:继承
  • 初始值: medium
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,top:上,width:宽度.
  • 引用网址:http://www.dreamdu.com/css/property_border_top_width/

示例

p#top
{
	border-top-width:thin;
}
CSS border-right-width 属性
border-right-width -- 定义右边框的宽度
  • 取值:<border-width> | inherit
    • <border-width>: 边框宽度
    • inherit:继承
  • 初始值: medium
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,right:右,width:宽度.
  • 引用网址:http://www.dreamdu.com/css/property_border_right_width/

示例

p#right
{
	border-right-width:thick;
}
 
CSS border-bottom-width 属性
 
border-bottom-width -- 定义下边框的宽度
  • 取值:<border-width> | inherit
    • <border-width>: 边框宽度
    • inherit:继承
  • 初始值: medium
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,bottom:下,width:宽度.
  • 引用网址:http://www.dreamdu.com/css/property_border_bottom_width/

示例

p#bottom
{
	border-bottom-width:medium;
}
CSS border-left-width 属性
border-left-width -- 定义左边框的宽度
  • 取值:<border-width> | inherit
    • <border-width>: 边框宽度
    • inherit:继承
  • 初始值: medium
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,left:左,width:宽度.
  • 引用网址:http://www.dreamdu.com/css/property_border_left_width/

示例

p#left
{
	border-left-width:thick;
}
 
======================================================
CSS border-color 属性
 
CSS border-top-color 属性
 
border-top-color -- 定义上边框的颜色
  • 取值:<color> | transparent | inherit
    • <color>: 颜色表示法
    • transparent: 透明
    • inherit: 继承
  • 初始值: 同color属性的默认值
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,top:上,color:颜色.
  • 引用网址:http://www.dreamdu.com/css/property_border_top_color/

示例

p#top
{
	border-top-color:red;
}
CSS border-right-color 属性
border-right-color -- 定义上边框的颜色
  • 取值:<color> | transparent | inherit
    • <color>: 颜色表示法
    • transparent: 透明
    • inherit: 继承
  • 初始值: 同color属性的默认值
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,right:右,color:颜色.
  • 引用网址:http://www.dreamdu.com/css/property_border_right_color/

示例

p#right
{
	border-right-color:red;
}
CSS border-bottom-color 属性
border-bottom-color -- 定义上边框的颜色
  • 取值:<color> | transparent | inherit
    • <color>: 颜色表示法
    • transparent: 透明
    • inherit: 继承
  • 初始值: 同color属性的默认值
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,bottom:下,color:颜色.
  • 引用网址:http://www.dreamdu.com/css/property_border_bottom_color/

示例

p#bottom
{
	border-bottom-color:red;
}
 
 CSS border-left-color 属性
border-left-color -- 定义上边框的颜色
  • 取值:<color> | transparent | inherit
    • <color>: 颜色表示法
    • transparent: 透明
    • inherit: 继承
  • 初始值: 同color属性的默认值
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,left:左,color:颜色.
  • 引用网址:http://www.dreamdu.com/css/property_border_left_color/

示例

p#left
{
	border-left-color:red;
}
 
 
===============================================
CSS border-style 属性
CSS border-top-style 属性
border-top-style -- 定义上边框样式
  • 取值:<border-style> | inherit
    • <border-style>: 边框样式
    • inherit: 继承
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,top:上,style:样式
  • 引用网址:http://www.dreamdu.com/css/property_border_top_style/

示例

p#top
{
	border-top-style:dotted;
}
 
CSS border-right-style 属性
border-right-style -- 定义右边框样式
  • 取值:<border-style> | inherit
    • <border-style>: 边框样式
    • inherit: 继承
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,right:右,style:样式
  • 引用网址:http://www.dreamdu.com/css/property_border_right_style/

示例

p#right
{
	border-right-style:double;
}
 
CSS border-bottom-style 属性
border-bottom-style -- 定义下边框样式
  • 取值:<border-style> | inherit
    • <border-style>: 边框样式
    • inherit: 继承
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,bottom:下,style:样式
  • 引用网址:http://www.dreamdu.com/css/property_border_bottom_style/

示例

p#bottom
{
	border-bottom-style:solid;
}
 
CSS border-left-style 属性
border-left-style -- 定义左边框的样式
  • 取值:<border-style> | inherit
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,left:左,style:样式
  • 引用网址:http://www.dreamdu.com/css/property_border_left_style/

示例

p#left
{
	border-left-style:ridge;
}
 
 
=======================================
 
CSS border 属性
 
CSS border-top 属性
border-top -- 定义上边框样式
  • 取值:[ <border-width> || <border-style> || <border-color> ] | inherit
    • [ <border-width> || <border-style> || <border-color> ]: 边框宽度,样式,颜色属性中的一个或多个
    • inherit: 继承
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,top:上
  • 引用网址:http://www.dreamdu.com/css/property_border_top/

示例

p#top
{
	border-top:thin solid green;
}
CSS border-right 属性
border-right -- 定义右边框样式
  • 取值:[ <border-width> || <border-style> || <border-color> ] | inherit
    • [ <border-width> || <border-style> || <border-color> ]: 边框宽度,样式,颜色属性中的一个或多个
    • inherit: 继承
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,right:右
  • 引用网址:http://www.dreamdu.com/css/property_border_right/

示例

p#right
{
	border-right:medium double red;
}
CSS border-bottom 属性
border-bottom -- 定义下边框样式
  • 取值:[ <border-width> || <border-style> || <border-color> ] | inherit
    • [ <border-width> || <border-style> || <border-color> ]: 边框宽度,样式,颜色属性中的一个或多个
    • inherit: 继承
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,bottom:下
  • 引用网址:http://www.dreamdu.com/css/property_border_bottom/

示例

p#bottom
{
	border-bottom:thin dashed black;
}
 
CSS border-left 属性
 
border-left -- 定义左边框样式
  • 取值:[ <border-width> || <border-style> || <border-color> ] | inherit
    • [ <border-width> || <border-style> || <border-color> ]: 边框宽度,样式,颜色属性中的一个或多个
    • inherit: 继承
  • 初始值: none
  • 继承性: 否
  • 适用于: 所有元素
  • border:边框,left:左
  • 引用网址:http://www.dreamdu.com/css/property_border_left/

示例

p#left
{
	border-left:thick dotted orange;
}
 
 

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口教程录入:冰河    责任编辑:冰河 
  • 上一篇教程:

  • 下一篇教程:
  • 精彩视频
    最新热门
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明