CSS教程之CSS教程：进修border-style属性
大大缩减页面代码，提高页面浏览速度,缩减带宽成本;网页制造poluoluo文章简介：border-style--界说边框的款式.
border-style--界说边框的款式
取值:<border-style>{1,4}|inherit
<border-style>{1,4}:边框款式
inherit:承继
初始值:none
承继性:否
合用于:一切元素
border:边框,style:款式
border-style和border-width的赋值体例是一样的,能够分离赋1,2,3或4个边的款式.
border-style的取值
none:无款式
hidden:除同表格的边框产生抵触的时分,别的同none
dotted:点划线
dashed:虚线
solid:实线
double:双线,两条线加上两头的空缺即是border-width的取值
groove:槽状
ridge:脊状,和groove相反
inset:凸起
outset:凸出,和inset相反
破洛洛提醒:因为border-style的初始值为none,以是除非设置了边框款式,不然边框将没法瞥见.
示例
p#fourborders
{
border-style:dotteddashedsoliddouble;
}
假如界说四个值,那末这四个值就分离是上,右,下,右边框(从上边框入手下手,以顺时针的按次遍历).界说梦之都段落的上边框为点划线,右侧框为虚线,下边框为实线,右边框为双线.
p#threeborders
{
border-style:grooveridgeoutset;
}
假如只界说三个值,两头的值代表左和右侧框.界说梦之都段落的上边框为槽状,下边框为凸出,左,右侧框为脊状.
p#twoborders
{
border-style:nonedashed;
}
假如只界说两个值,后面的值代表高低边框,前面的值代表摆布边框.界说梦之都段落的上,下边框为无款式,左,右侧框为虚线.
p#oneborders
{
border-style:dotted;
}
假如只界说一个值,这个值就代表四个边的.界说梦之都段落的边框为点划线.
一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 学Dreamweaver技术的过程其实是一个增加信心的过程。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
页:
[1]