仓酷云

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

[DIV+CSS] 来谈谈:CSS在表格边框上的美学使用:润色之美

[复制链接]
只想知道 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:14:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
在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:49 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
精灵巫婆 该用户已被删除
板凳
发表于 2015-1-25 20:24:42 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
谁可相欹 该用户已被删除
地板
发表于 2015-2-4 00:07:04 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
飘灵儿 该用户已被删除
5#
发表于 2015-2-9 08:17:12 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
爱飞 该用户已被删除
6#
发表于 2015-2-27 04:59:20 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
7#
发表于 2015-3-8 22:49:37 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
变相怪杰 该用户已被删除
8#
发表于 2015-3-16 20:02:18 | 只看该作者
可以使用 CSS 检查工具进行设计。
小女巫 该用户已被删除
9#
发表于 2015-3-23 05:05:32 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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