`
niulanshan
  • 浏览: 564099 次
文章分类
社区版块
存档分类
最新评论

设置表格边框颜色

 
阅读更多

1、源码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>设置表格边框颜色</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="JS/jquery-2.0.2.js"></script>
    <style type="text/css">
        body{
          width: 1250px;
          height: 550px;
          font-size: 12px;
          color: #FF00FF;
        }
        .tab{
          width:100%;
          height:100%;
          text-align: center;
        }
        .tab_th{
          background-color: #CCCCCC;
        }
        .tr_odd{
          background-color: #EBF2FE;
        }
        .tr_even{
          background-color: #B4CDE6;
        }
    </style>
    <script type="text/javascript">
        $(function(){
           $("tr:odd").addClass("tr_odd");
           $("tr:even").addClass("tr_even");
        });
    </script>

  </head>
  
  <body>
    <table class="tab" border="1" cellpadding="0" cellspacing="0" 
           style="border-color: #00FF00;">
        <tr class="tab_th" style="background-color: #000000;color: #FFFFFF;">
          <th>学号</th>
          <th>姓名</th>
          <th>年龄</th>
          <th>性别</th>
          <th>电话</th>
          <th>地址</th>
        </tr>
        <tr>
          <td>2013010101</td>
          <td>张三丰</td>
          <td>24</td>
          <td>男</td>
          <td>14578545452</td>
          <td>湖南省</td>
        </tr>
        <tr>
          <td>2013010102</td>
          <td>李思思</td>
          <td>21</td>
          <td>女</td>
          <td>13578545453</td>
          <td>湖北省</td>
        </tr>
        <tr>
          <td>2013010103</td>
          <td>找钱进</td>
          <td>20</td>
          <td>男</td>
          <td>15678545452</td>
          <td>广东省</td>
        </tr>
        <tr>
          <td>2013010104</td>
          <td>李四花</td>
          <td>22</td>
          <td>女</td>
          <td>14512454520</td>
          <td>广西省</td>
        </tr>
        <tr>
          <td>2013010105</td>
          <td>魏忠贤</td>
          <td>23</td>
          <td>男</td>
          <td>14845451512</td>
          <td>山西省</td>
        </tr>
        <tr>
          <td>2013010106</td>
          <td>西门和</td>
          <td>22</td>
          <td>女</td>
          <td>14854875020</td>
          <td>山东省</td>
        </tr>
        <tr>
          <td>2013010107</td>
          <td>钱多多</td>
          <td>24</td>
          <td>男</td>
          <td>15865456562</td>
          <td>浙江省</td>
        </tr>
        <tr>
          <td>2013010108</td>
          <td>刘三级</td>
          <td>22</td>
          <td>男</td>
          <td>17844545454</td>
          <td>陕西省</td>
        </tr>
        <tr>
          <td>2013010109</td>
          <td>郑少秋</td>
          <td>23</td>
          <td>女</td>
          <td>17845784572</td>
          <td>河北省</td>
        </tr>
        <tr>
          <td>2013010110</td>
          <td>王晓华</td>
          <td>22</td>
          <td>女</td>
          <td>17845454552</td>
          <td>河南省</td>
        </tr>
    </table>
  </body>
</html>

2、显示结果如下:


分享到:
评论

相关推荐

    易语言源码自定义高级表格边框样式例程.7z

    使用`设置表格边框颜色`函数,可以设定表格边框的颜色,使其与软件的整体风格相协调。 3. **边框宽度**:调整边框的宽度可以控制表格的视觉重量,让表格看起来更加精致或突出。通过`设置表格边框宽度`函数,可以...

    点击表格单行添加边框

    点击表格单行添加边框背景色,希望是你想要的

    dw改变表格边框颜色.pdf

    DW改变表格边框颜色.pdf Dreamweaver 是一个功能强大的网页设计工具,它提供了许多实用的功能来帮助设计师快速创建网页。今天,我们将探索如何在 Dreamweaver 中改变表格边框颜色,并创建细边线的表格。 改变表格...

    dw改变表格边框颜色.docx

    本文档主要介绍了 Dreamweaver 中改变表格边框颜色的方法,涉及到表格的边框颜色、背景颜色、边距、间距等属性的设置,并提供了多种方法来实现细线表格的制作。 在 Dreamweaver 中插入一个表格,若设置其“边框”为...

    手动设置Excel表格边框和底纹.docx

    在默认情况下,Excel表格是没有边框的,但是用户可以根据需要手动设置表格边框和底纹。下面将详细地介绍手动设置Excel表格边框和底纹的步骤。 手动设置Excel表格边框的步骤: 第一步:选择需要设置边框的单元格...

    Dreamweaver表格边框设置的css语法.pdf

    边框颜色属性包括border-color,用于设置表格的边框颜色。该属性的允许值包括&lt;颜色&gt;{1,4},初始值为颜色属性的值。该属性适用于所有对象,向下兼容否。 边框样式属性包括border-style,用于设置表格的边框样式。该...

    Word2021怎么设置表格边框.docx

    ### Word2021中如何设置表格边框 在Word2021中,设置表格边框是一项常用的功能,尤其对于需要美化文档或强调特定信息的用户来说尤为重要。本文将详细介绍如何在Word2021中设置表格边框,包括各种边框样式的设置方法...

    HTML表格边框设置方法

    使用`border-color`属性设置边框颜色: ```css table { border-color: #000; /* 黑色 */ } ``` 3. **边框合并(Border Collapse)** 默认情况下,表格单元格之间的边框会重叠,形成“细边框”效果。若希望...

    wps中ppt表格边框颜色.docx

    在WPS Office中,PPT(PowerPoint)的表格边框颜色设置是用户自定义演示文稿风格的重要一环。本文将详细介绍如何在WPS中为表格添加边框颜色,以及如何在表格中画斜线以创建斜线表头。 首先,让我们来看看如何给图片...

    表格边框样式大全

    - `height=40` 和 `width=250`:设置表格的高度和宽度。 - `cellPadding=1`:设置单元格内边距。 - `align=center`:使表格居中显示。 - `border=1`:设置边框宽度为1像素。 ### 二、虚线边框表格 **定义与实现:*...

    易语言源码自定义高级表格边框样式.7z

    1. **边框宽度**:在易语言中,可以设置表格边框的宽度,这通常涉及到设置表格控件的边框样式和宽度属性。通过修改这些属性值,你可以让边框变得更粗或更细,以适应不同的界面设计需求。 2. **边框颜色**:改变边框...

    表格边框的设置PPT学习教案.pptx

    本PPT学习教案主要讲解了在Excel 2003中设置表格边框的方法,以及设置工作表的颜色的方法。 一、设置表格框线 设置表格框线是Excel中的一个基本操作,它可以帮助用户快速地设置表格的边框,从而美化表格的外观,并...

    Excel2021表格边框设置方法.docx

    设置表格边框可以提高表格的可读性和美观性,方便用户更好地理解和分析数据。 在 Excel 2021 中,用户可以通过两种方式设置表格边框:一是通过“开始”功能区的“字体”分组中的“边框”列表进行设置,二是通过...

    CSS在表格边框上的美学应用

    - `border-color`:设置表格边框的颜色,同样可以接受1到4个颜色值,分别应用于各边框。 3. **边框样式**: - `border-style`:定义边框的显示样式,如`none`(无边框)、`dotted`(点线)、`dashed`(虚线)、`...

    C#中改变DataGridView控件边框颜色的方法

    默认情况下,它的边框颜色可能并不符合所有开发者或用户对于界面美观的要求。因此,有时我们需要自定义控件的外观,特别是边框颜色,以提升应用的整体视觉体验。 在C#中改变`DataGridView`控件的边框颜色,可以通过...

    易语言自定义高级表格边框样式例程

    在“易语言自定义高级表格边框样式例程”这个项目中,我们主要探讨的是如何利用易语言来实现对表格边框样式的高级定制。 在Windows应用程序开发中,表格控件通常用于展示结构化数据,而其边框样式则直接影响到用户...

    Dreamweaver表格边框设置的css语法 (2).pdf

    Dreamweaver表格边框设置的css语法是指在Dreamweaver中使用css语法来设置表格边框的样式、宽度和颜色等属性。下面将详细介绍Dreamweaver表格边框设置的css语法。 一、上边框宽度语法 border-top-width语法用于...

    HTML表格设置.pdf

    - `bordercolor`: 设置表格边框颜色,如`bordercolor="#00ff00"`。 - `bordercolorlight`和`bordercolordark`: 用于创建立体边框效果,分别设置边框的亮色和暗色。 4. **单元格的对齐方式**: - `align`: 用于...

Global site tag (gtag.js) - Google Analytics