仓酷云

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

[DIV+CSS] 带来一篇CSS在表格边框上的美学使用

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

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

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

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个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>
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
透明 该用户已被删除
沙发
发表于 2015-1-18 05:33:33 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
爱飞 该用户已被删除
板凳
发表于 2015-1-26 10:32:24 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
蒙在股里 该用户已被删除
地板
发表于 2015-2-10 05:44:45 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
山那边是海 该用户已被删除
5#
发表于 2015-2-28 23:01:25 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
灵魂腐蚀 该用户已被删除
6#
发表于 2015-3-17 06:43:22 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
admin 该用户已被删除
7#
发表于 2015-3-24 01:47:02 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 23:14

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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