zoukankan      html  css  js  c++  java
  • table标签样式

    table标签例子.

    原文链接:http://blog.sina.com.cn/s/blog_655e3f720100lipq.html

    效果图:

    代码:

    View Code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>table网格线设置</title>
    <style type="text/css">
    .table
    {border-collapse:collapse; font-size:13px; height:24px; line-height:24px; color:#09F; text-align:center;}
    .table tr th
    {background:#36F; color:#FFF; font-size:13px; height:24px; line-height:24px;}
    .table tr th.th_border
    {border-right:solid 1px #FFF; border-left:solid 1px #36F;}
    .table tr td
    {border:solid 1px #36F;}
    </style>
    </head>

    <body>
    <table width="200" border="0" class="table" cellpadding="0" cellspacing="0">
    <tr>
    <th class="th_border">标题一</th>
    <th class="th_border">标题二</th>
    <th class="">标题三</th>
    </tr>
    <tr>
    <td>内容一</td>
    <td>内容二</td>
    <td>内容三</td>
    </tr>
    <tr>
    <td>内容一</td>
    <td>内容二</td>
    <td>内容三</td>
    </tr>
    </table>
    </body>
    </html>

    解释下这句css代码:border-collapse:collapse;这是控制table不显示单元格之间的间隔

  • 相关阅读:
    今年的第几天?
    特殊乘法
    abc
    求最大最小数
    二叉树遍历
    球的半径和体积
    成绩排序
    OC学习篇之---类的定义
    OC学习篇之---第一个程序HelloWorld
    OC学习篇之---类的初始化方法和点语法的使用
  • 原文地址:https://www.cnblogs.com/xiaobaihome/p/2285067.html
Copyright © 2011-2022 走看看