仓酷云

标题: 来谈谈：CSS在表格边框上的美学使用:润色之美 [打印本页]

作者: 只想知道 时间: 2015-1-16 00:14
标题: 来谈谈：CSS在表格边框上的美学使用:润色之美
在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？
我们晓得Dreamweaver在表格制造方面做得十分杰出，可是在某些时分仍是必需分离css才干到达一些特定效果，上面我们先把有关表格边框的css语法收拾出来，然后别的先容如何用css丑化表格的边框。
有关表格边框的css语法
详细内容包含：上边框宽度、右侧框宽度、下边框宽度、右边框宽度、边框宽度、边框色彩、边框款式、上边框、下边框、右边框、右侧框、边框、宽度、高度、有关标签等。
1.上边框宽度
语法:border-top-width:<值>
同意值:thin|medium|thick|<长度>
初始值:medium
合用于:一切工具
向下兼容:否
上边框宽度属性用于指定一个元素上边框的宽度。值能够是三个关头字个中的一个，都不受字体巨细或长度的影响，能够用于完成成比例的宽度。不同意利用负值。也能够用在上边框、边框的宽度或边框的属性略写。
2.右侧框宽度
语法:border-right-width:<值>
同意值:thin|medium|thick|<长度>
初始值:medium
合用于:一切工具
向下兼容:否
右侧框宽度属性用于指定元素的右侧框的宽度。值能够是三个关头字个中的一个，都不受字体巨细或长度的影响，能够用于完成成比例的宽度。不同意利用负值。也能够用在右侧框、边框的宽度或边框的属性略写。
3.下边框宽度
语法:border-bottom-width:<值>
同意值:thin|medium|thick|<长度>
初始值:medium
合用于:一切工具
向下兼容:否
下边框宽度属性用于指定元素的下边框的宽度。值能够是三个关头字个中的一个，都不受字体巨细或长度的影响，能够用于完成成比例的宽度。不同意利用负值。也能够用鄙人边框、边框的宽度或边框的属性略写。
4.右边框宽度
语法:border-left-width:<值>
同意值:thin|medium|thick|<长度>
初始值:medium
合用于:一切工具
向下兼容:否
右边框宽度属性用于指定元素的右边框的宽度。值能够是三个关头字个中的一个，都不受字体巨细或长度的影响，能够用于完成成比例的宽度。不同意利用负值。也能够用在右边框、边框的宽度或边框的属性略写
5.边框宽度
语法:border-width:<值>
同意值:[thin|medium|thick|<长度>]{1,4}
初始值:不决义
合用于:一切工具
向下兼容:否
边框宽度属性用一到四个值来设置元素的界限，值是一个关头字或长度。不同意利用负值长度。假如四个值都给出了，它们分离使用于上、右、下和右边框的式样。假如给出一个值，它将被使用到各边上。假如两个或三个值给出了，省略了的值与对边相称。这个属性是上边框宽度、右侧框宽度、下边框宽度和右边框宽度属性的略写。也能够利用略写的边框属性。
6.边框色彩
语法:border-color:<值>
同意值:<色彩>{1,4}
初始值:色彩属性的值
合用于:一切工具
向下兼容:否
边框色彩属性设置一个元素的边框色彩。可使用一到四个关头字。假如四个值都给出了，它们分离使用于上、右、下和右边框的式样。假如给出一个值，它将被使用到各边上。假如两个或三个值给出了，省略了的值与对边相称。也能够利用略写的边框属性。
7.边框款式
语法:border-style:<值>
同意值:[none|dotted|dashed|solid|double|groove|ridge|inset|outset]{1,4}
初始值:none
合用于:一切工具
向下兼容:否
边框款式属性用于设置一个元素边框的款式。这个属性必需用于指定可见的边框。可使用一到四个关头字。假如四个值都给出了，它们分离使用于上、右、下和右边框的式样。假如给出一个值，它将被使用到各边上。假如两个或三个值给出了，省略了的值与对边相称。也能够利用略写的边框属性。
none：无款式；
dotted：点线；
dashed：虚线；
solid：实线；
double：双线；
groove：槽线；
ridge：脊线；
inset：内凹；
outset：外凸

</p>
最新版本html5+css3与2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成。

作者: 乐观 时间: 2015-1-18 05:46
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 精灵巫婆 时间: 2015-1-25 20:24
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

作者: 谁可相欹 时间: 2015-2-4 00:07
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

作者: 飘灵儿 时间: 2015-2-9 08:17
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 爱飞 时间: 2015-2-27 04:59
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 仓酷云 时间: 2015-3-8 22:49
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

作者: 变相怪杰 时间: 2015-3-16 20:02
可以使用 CSS 检查工具进行设计。

作者: 小女巫 时间: 2015-3-23 05:05
Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

欢迎光临仓酷云 (http://www.ckuyun.com/)