`
oxidy
  • 浏览: 162580 次
  • 性别: Icon_minigender_1
  • 来自: 吉林长春
社区版块
存档分类
最新评论

有关表格边框的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:外凸。

 

文章转载,忘记出处了,不好意思。

分享到:
评论

相关推荐

    HTML知识整理、网页制作基础教程 CHM.rar

     有关表格边框的CSS语法整理  网页设计理念  有了好的设计理念,才能规划好一个精彩的网站……  网页中的平衡、对比、连贯和留白  韩国商业网站设计分析  网页设计的布局理念  平面文字的设计原则及...

    网页制作基础教程

    制作1px边框表格的几种方法 有关表格边框的CSS语法整理 &lt;br&gt; ⊙ 网页设计理念  有了好的设计理念,才能规划好一个精彩的网站…… &lt;br&gt;网页中的平衡、对比、连贯和留白 ...

    HTML开发王

    9.7 表格边框和分隔线的呈现(frame属性、rules属性) 9.7.1 表格中边框线的显示(frame属性) 9.7.2 表格中分隔线的显示(rules属性) 9.8 单元格内内容的对齐 9.8.1 单元格对齐属性 9.8.2 对齐的继承 9.8.3 轴线(axis...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    css边框以及其他常用样式 css之float样式 css之float实现作业实例 css之display样式 css之内外边距 本周作业以及思路 第15周 上节内容答疑 上节内容回顾 CSS内容补充之position CSS内容补充之overflow CSS内容之...

    xml实用大全和轻松学习手册和无废话xml

    12.13.2 边框线属性 381 12.13.3 贴边属性 384 12.13.4 大小属性 385 12.13.5 定位属性 386 12.13.6 float属性 386 12.13.7 clear属性 387 12.14 本章小结 389 第13章 级联样式单级别2 389 13.1 CSS2中有哪些新特点...

    XMl实用大全(资料全易学习)

    1.3.2 语法分析程序和处理程序 15 1.3.3 浏览器和其他工具 15 1.3.4 处理过程总结 15 .4 相关技术 17 1.4.1 超文本标记语言(Hypertext Markup Language) 17 1.4.2 级联样式单(Cascading Style Sheets) 17 1.4.3 ...

    XML实用大全(web开发必备手册)

    1.3.2 语法分析程序和处理程序... 15 1.3.3 浏览器和其他工具... 15 1.3.4 处理过程总结... 15 .4 相关技术... 17 1.4.1 超文本标记语言(Hypertext Markup Language)... 17 1.4.2 级联样式单(Cascading ...

    XML实用大全----xml详细参考书

    1.3.2 语法分析程序和处理程序... 15 1.3.3 浏览器和其他工具... 15 1.3.4 处理过程总结... 15 .4 相关技术... 17 1.4.1 超文本标记语言(Hypertext Markup Language)... 17 1.4.2 级联样式单(Cascading ...

    XML编程综合资料库

    1.3.2 语法分析程序和处理程序... 15 1.3.3 浏览器和其他工具... 15 1.3.4 处理过程总结... 15 .4 相关技术... 17 1.4.1 超文本标记语言(Hypertext Markup Language)... 17 1.4.2 级联样式单(Cascading ...

    XML实用大全

    15 1.3.2 语法分析程序和处理程序... 15 1.3.3 浏览器和其他工具... 15 1.3.4 处理过程总结... 15 4 相关技术... 17 1.4.1 超文本标记语言(Hypertext Markup Language)... 17 1.4.2 级联样式单...

    asp.net知识库

    最详细的SQL注入相关的命令整理 Oracle Oracle中PL/SQL单行函数和组函数详解 mssql+oracle Oracle编程的编码规范及命名规则 Oracle数据库字典介绍 0RACLE的字段类型 事务 CMT DEMO(容器管理事务演示) 事务隔离性的...

Global site tag (gtag.js) - Google Analytics