仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2512|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS教程:进修border-width属性

[复制链接]
不帅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:52:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
网页制造poluoluo文章简介:border-width:界说四个边框的宽度.
border-width--界说四个边框的宽度
取值:<border-width>{1,4}|inherit
<border-width>{1,4}:边框宽度(能够有一个,两个,三个或四个值)
inherit:承继
初始值:medium
承继性:否
合用于:一切元素
border:边框,width:宽度.
border-width的取值
thin:细
medium:中
thick:粗
<length>:长度暗示法
下面的宽度值有上面的干系:thin<medium<thick
提醒:border-width不克不及利用百分比并且不克不及取负值,只能利用长度.(比方:px,em等)!
示例
为border-width指定四个值
border-width:border-top-widthborder-right-widthborder-bottom-widthborder-left-width;
p#fourborders
{
border-width:thickmediumthin12px;
}
假如界说四个值,那末这四个值就分离是上,右,下,右边框的宽度值(从上边框入手下手,以顺时针的按次遍历).
等价于上面的界说
p#fourborders
{
border-top-width:thick;
border-right-width:medium;
border-bottom-width:thin;
border-left-width:12px;
}
为border-width指定三个值
border-width:border-top-widthborder-right-width/border-left-widthborder-bottom-width;
p#threeborders
{
border-width:thick12pxthin;
}
假如只界说三个值,两头的值代表左和右侧框的宽度.
等价于上面的界说
p#threeborders
{
border-top-width:thick;
border-right-width:12px;
border-bottom-width:thin;
border-left-width:12px;
}
为border-width指定两个值
border-width:border-top-width/border-bottom-widthborder-right-width/border-left-width;
p#twoborders
{
border-width:thick12px;
}
假如只界说两个值,后面的值代表高低边框宽度,前面的值代表摆布边框的宽度.
等价于上面的界说
p#twoborders
{
border-top-width:thick;
border-right-width:12px;
border-bottom-width:thick;
border-left-width:12px;
}
为border-width指定一个值
border-width:border-top-width/border-bottom-width/border-right-width/border-left-width;
p#oneborders
{
border-width:thick;
}
假如只界说一个值,这个值就代表四个边的宽度.
等价于上面的界说
p#oneborders
{
border-top-width:thick;
border-right-width:thick;
border-bottom-width:thick;
border-left-width:thick;
}

学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
透明 该用户已被删除
沙发
发表于 2015-1-17 23:43:43 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
柔情似水 该用户已被删除
板凳
发表于 2015-1-21 19:14:16 来自手机 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
admin 该用户已被删除
地板
发表于 2015-1-30 21:56:05 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
5#
发表于 2015-2-6 16:18:16 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
变相怪杰 该用户已被删除
6#
发表于 2015-2-17 06:45:42 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
若天明 该用户已被删除
7#
发表于 2015-3-5 17:20:06 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
小妖女 该用户已被删除
8#
发表于 2015-3-12 11:35:44 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
山那边是海 该用户已被删除
9#
发表于 2015-3-19 21:54:08 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-22 20:38

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表