谁可相欹 发表于 2015-1-16 00:13:14

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

可以将站点上所有的网页风格都使用一个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:<值>
  同意值:{1,4}
  初始值:不决义
  合用于:一切工具
  向下兼容:否
  边框宽度属性用一到四个值来设置元素的界限,值是一个关头字或长度。不同意利用负值长度。假如四个值都给出了,它们分离使用于上、右、下和右边框的式样。假如给出一个值,它将被使用到各边上。假如两个或三个值给出了,省略了的值与对边相称。这个属性是上边框宽度、右侧框宽度、下边框宽度和右边框宽度属性的略写。也能够利用略写的边框属性。
  6.边框色彩
  语法:border-color:<值>
  同意值:<色彩>{1,4}
  初始值:色彩属性的值
  合用于:一切工具
  向下兼容:否
  边框色彩属性设置一个元素的边框色彩。可使用一到四个关头字。假如四个值都给出了,它们分离使用于上、右、下和右边框的式样。假如给出一个值,它将被使用到各边上。假如两个或三个值给出了,省略了的值与对边相称。也能够利用略写的边框属性。
  7.边框款式
  语法:border-style:<值>
  同意值:{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

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

山那边是海 发表于 2015-2-28 23:01:25

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

灵魂腐蚀 发表于 2015-3-17 06:43:22

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

admin 发表于 2015-3-24 01:47:02

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
页: [1]
查看完整版本: 带来一篇CSS在表格边框上的美学使用