`

table单线边框之css实现 (转)

阅读更多

   table的单线边框实现的方法不少,在网上找了一个比较好的
<style type="text/css">
      table {
          border-collapse:collapse;
          border:solid #999;
          border-width:1px 0 0 1px;
       }
       table th, table td {
          border:solid #999;
          border-width:0 1px 1px 0;
          padding:2px;
       }
</style>


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/zhiweiv/archive/2008/10/09/3044005.aspx
分享到:
评论

相关推荐

    Table转div+css工具

    总之,“Table转div+css工具”是现代Web开发中的一款实用辅助工具,它能够帮助开发者迅速更新老式的Table布局,使其符合当前Web标准,提升用户体验和网站性能。随着网页技术的不断发展,掌握这样的工具和相关知识...

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    table嵌套table边框样式

    本篇将详细介绍如何通过CSS来控制嵌套表格的边框,以及涉及`div嵌套table`时的外边框设置。 首先,我们需要理解表格的基本结构。一个HTML表格由`&lt;table&gt;`元素开启,包含`&lt;tr&gt;`(行)元素,`&lt;td&gt;`(单元格)或`&lt;th&gt;`...

    table布局网页转换为div+CSS布局的转换软件

    `table`布局虽然简单易用,但在复杂性和可维护性上存在诸多问题,如不易控制样式、难以实现响应式设计等。`div+CSS`布局则通过分离结构和样式,提高了代码的可读性和可维护性,同时也为创建灵活的、响应式的网页提供...

    好看table样式 好看的CSS——Table样式表

    网络上收集的css table样式 好看table样式 好看的CSS——Table样式表

    table 圆角 html5 css3

    对于表格,由于表格的边框是分割在各个单元格之间的,所以为了实现整体的圆角效果,我们需要对每个单元格应用`border-radius`。例如,给所有单元格设置4个像素的圆角: ```css table { border-collapse: collapse;...

    Table2CSS表格转CSS+DIV布局工具

    【标题】"Table2CSS表格转CSS+DIV布局工具"是一款专为网页设计者打造的实用软件,旨在帮助用户将传统的HTML表格布局转换为更现代、更灵活的CSS(层叠样式表)与DIV(定义文档结构的HTML元素)布局。这种转换能够提升...

    table转div、table转css

    标题"table转div、table转css"所指的就是这一过程,即利用特定工具将原本用表格布局的内容转化为更灵活的div+CSS布局。这种转换可以提高页面加载速度,提升用户体验,并更好地适应不同设备的显示需求。 描述中提到...

    数据可视化大屏的css背景+边框+demo.rar

    例如,使用CSS可以自定义背景颜色、透明度、图案,甚至实现动态背景,如滚动纹理或视频背景,以提升用户体验。 接着,"边框"是CSS中的另一个关键元素,它允许我们定义元素的轮廓。在数据可视化中,边框可以用于区分...

    让Table的TD有边框而Table右左没有边框的CSS样式

    比如这样一个CSS 复制代码代码如下: .td3{ font-size: 14px; color: #FFFFFF; background-color: #000000; BORDER-RIGHT: #f6f6f6 1px solid; //显示右边框为1px,如果不想显示就为0px BORDER-TOP: #f9f9f9 0px ...

    table转div工具

    相比之下,div是一个无语义的容器,通过CSS可以实现流式、网格、定位等多种布局方式,适应不同设备和屏幕尺寸,更适合现代网页设计的需求。 "table转div工具"能够自动分析HTML中的table元素,将其转换为div结构,并...

    有关表格边框的css语法整理

    通过以上介绍,我们可以看出CSS提供了强大的工具来调整表格边框的外观,无论是简单的颜色更改,还是复杂的样式设计,都能轻松实现。在实际应用中,结合CSS的层叠规则和选择器,可以实现更精细的控制,为网页和应用...

    HTML Table 漂亮的CSS

    在网页设计中,HTML表格(Table)是一种常用的数据展示方式,而通过应用合适的CSS(Cascading Style Sheets)样式,我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...

    CSS实现多表头悬浮

    通常,HTML部分会包含一个`&lt;table&gt;`元素,而CSS部分则会定义表头和表格主体的样式,并利用`position`等相关属性实现悬浮效果。通过查看和学习`test.html`,我们可以更深入地理解这个技术的实现细节。

    CSS样式简单实现Table没有外边框只有内边框

    总结来说,实现"Table没有外边框只有内边框"的效果主要依赖于以下几点CSS技巧: 1. 使用`border-collapse: collapse;`来合并单元格边框。 2. 将表格的边框设置为0,移除外边框。 3. 针对每个单元格设置边框,确保...

    table边框线属性

    在处理嵌套表格时,通过细致调整边框线属性,可以实现层次分明、清晰易读的视觉效果。文件`Table属性_蜕变.htm`和`Table属性_蜕变.files`可能包含了更具体的示例代码和演示,可以帮助你更好地理解和应用这些知识。

    CSS.table.rar_Table_css table_table css_表格css

    以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点: 1. **表格元素基础**: - `&lt;table&gt;`:这是HTML中创建表格的基本标签,用于定义表格的结构。 - `&lt;tr&gt;`:表示表格行(Table...

    将table转换成div+css

    "table转div+css工具V2.12.5 绿色汉化版"是一个实用的软件,它自动化了上述转换过程,减少了手动操作的复杂性。通过这款工具,用户可以快速将HTML表格转换为div+CSS的结构,提高工作效率。 5. **注意事项** - ...

    采用Table CSS实现的TabPane选项卡.rar

    "采用Table CSS实现的TabPane选项卡"是一个利用CSS样式表来构建Tab Pane功能的例子。在这个项目中,我们将深入探讨如何使用纯CSS来创建这种效果,以及为何选择使用表格布局(Table CSS)。 首先,让我们理解什么是...

Global site tag (gtag.js) - Google Analytics