仓酷云 发表于 2015-1-15 23:52:11

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;
}
假如只界说一个值,这个值就代表四个边的.界说梦之都段落的边框为点划线.

一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。

第二个灵魂 发表于 2015-1-20 20:07:27

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

变相怪杰 发表于 2015-1-29 19:50:53

学Dreamweaver技术的过程其实是一个增加信心的过程。

莫相离 发表于 2015-2-6 03:49:58

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

蒙在股里 发表于 2015-2-15 11:38:11

俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。

若相依 发表于 2015-3-4 11:30:23

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

活着的死人 发表于 2015-3-11 19:10:50

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

柔情似水 发表于 2015-3-19 09:53:16

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

飘飘悠悠 发表于 2015-3-27 20:07:40

还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
页: [1]
查看完整版本: CSS教程之CSS教程:进修border-style属性