秒客网

首页
网络编程
网络运营
数据库
服务器系统
服务器技术
建站程序
电脑知识
数码知识
游戏
综合资讯
- 百科知识

当前位置: 首页>网络编程>Java >在html5中不支持的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

在html5中不支持

的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

时间：2023-12-04 13:28:32

1.初始:

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>cellspacing的css实现</title>

     <style type="text/css">

         table {

             border: 1px solid red;

         }

         td {

             border: 1px solid red;

         }

     </style>

 </head>

 <body>

 <h1>HTML5 不支持 &lt;table&gt; cellspacing 属性。</h1>

     <table>

         <tr>

             <td>单元格1-1</td>

             <td>单元格1-2</td>

         </tr>

         <tr>

             <td>单元格2-2</td>

             <td>单元格2-2</td>

         </tr>

         <tr>

             <td>单元格3-1</td>

             <td>单元格3-2</td>

         </tr>

     </table>

 </body>

 </html>

效果:

在html5中不支持<table>的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

2. 通过css实现: cellspacing = 0;

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>cellspacing的css实现</title>

     <style type="text/css">

         table {

             border: 1px solid red;

             border-collapse: collapse;

         }

         td {

             border: 1px solid red;

         }

     </style>

 </head>

 <body>

 <h1>HTML5 不支持 &lt;table&gt; cellspacing 属性。</h1>

     <table>

         <tr>

             <td>单元格1-1</td>

             <td>单元格1-2</td>

         </tr>

         <tr>

             <td>单元格2-2</td>

             <td>单元格2-2</td>

         </tr>

         <tr>

             <td>单元格3-1</td>

             <td>单元格3-2</td>

         </tr>

     </table>

 </body>

 </html>

 border-collapse: collapse; 是针对 <table>元素的.

效果:

在html5中不支持<table>的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

3. css实现 cellspacing = xx;

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>cellspacing的css实现</title>

     <style type="text/css">

         table {

             border: 1px solid red;

             border-collapse: separate;

             border-spacing: 20px;

         }

         td {

             border: 1px solid red;

         }

     </style>

 </head>

 <body>

 <h1>HTML5 不支持 &lt;table&gt; cellspacing 属性。</h1>

     <table>

         <tr>

             <td>单元格1-1</td>

             <td>单元格1-2</td>

         </tr>

         <tr>

             <td>单元格2-2</td>

             <td>单元格2-2</td>

         </tr>

         <tr>

             <td>单元格3-1</td>

             <td>单元格3-2</td>

         </tr>

     </table>

 </body>

 </html>

10             border-collapse: separate;

11             border-spacing: 20px;

1--  border-spacing 只有在 border-collapse : separate 时 才会起作用.
2--  border-collapse,  border-spacing 都是 针对  <table>元素的.

在html5中不支持<table>的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

4. css实现 cellpadding

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>cellspacing的css实现</title>

     <style type="text/css">

         table {

             border: 1px solid red;

             border-collapse: collapse;

         }

         td {

             border: 1px solid red;

             padding: 20px;

         }

     </style>

 </head>

 <body>

 <h1>HTML5 不支持 &lt;table&gt; cellspacing 属性。</h1>

     <table>

         <tr>

             <td>单元格1-1</td>

             <td>单元格1-2</td>

         </tr>

         <tr>

             <td>单元格2-2</td>

             <td>单元格2-2</td>

         </tr>

         <tr>

             <td>单元格3-1</td>

             <td>单元格3-2</td>

         </tr>

     </table>

 </body>

 </html>

1-- border-collapse 是针对 <table>元素的. padding 是针对 td 元素的.

在html5中不支持<table>的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

-----------------------------------------------------------------------------------------------------

5. tr, th 有border . 没有 padding

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>cellspacing的css实现</title>

     <style type="text/css">

         table {

             border: 1px solid red;

             border-collapse: collapse;

         }

         tr {

             border: 1px solid black;

             padding: 20px;

         }

     </style>

 </head>

 <body>

 <h1>HTML5 不支持 &lt;table&gt; cellspacing 属性。</h1>

     <table>

         <tr>

             <td>单元格1-1</td>

             <td>单元格1-2</td>

         </tr>

         <tr>

             <td>单元格2-2</td>

             <td>单元格2-2</td>

         </tr>

         <tr>

             <td>单元格3-1</td>

             <td>单元格3-2</td>

         </tr>

     </table>

 </body>

 </html>

效果:

在html5中不支持<table>的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

参考链接:

CSS中cellspacing和cellpadding属性用法揭秘

相关文章

在html5中不支持

的cellpadding 和 cellspacing ; 2) 如何用css实现 cellpadding, cellspacing ; 3) tr , th 是有 border, 没有 padding 的.

上一篇：Vbscript写注册表的方法

下一篇：luogu 1966 火柴排队离散化+逆序对

网络编程最新文章

软件工程——团队作业1
老男孩教育学员参观SpeedyCloud公司及参加讲座感想
通过keepalived搭建高可用的LVS负载均衡集群
使用指针优化性能
八皇后java算法
交换机生成树协议配置
实验一：配置路由器/交换机的Telnet登录
python学习笔记10-匿名函数lambda

相关下载

cellspacing和cellpadding的区别下载
JS动态修改表格cellPadding和cellSpacing的方法下载
table中的border-collapse属性下载
CSS的margin和padding下载
IE实现CSS3中的border-radius（圆角）下载

最新编程技术文章
网站地图

Copyright © 2021-2022 www.miaokee.com 秒客网备案号：粤ICP备2021167564号

免责声明：本站文章多为用户分享,部分搜集自互联网,如有侵权请联系站长,我们将在72小时内删除。

