`
chinahnzhou
  • 浏览: 352822 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

html table 边框

    博客分类:
  • web
 
阅读更多
<html>
<head>
    <style>
        table{border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef;}
        th,td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
        th{font-weight:bold;background:#ccc;}
        
        table.gui-table {border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;background:#efefef; margin: 0 auto;}
        table.gui-table th,.gui-table td{border-right:1px solid #888;border-bottom:1px solid #888;padding:5px 15px;}
        table.gui-table th{font-weight:bold;background:#ccc;}
    </style>
</head>

<body>
    <table>
        <tr>
            <th>table head (row1, col1)</th>
            <th>table head (row1, col2)</th>
            <th>table head (row1, col3)</th>
        </tr>
        <tr>
            <td>table data (row1, col1)</td>
            <td>table data (row1, col2)</td>
            <td>table data (row1, col3)</td>
        </tr>
        <tr>
            <td>table data (row2, col1)</td>
            <td>table data (row2, col2)</td>
            <td>table data (row2, col3)</td>
        </tr>
    </table>
</body>
</html>
 
分享到:
评论

相关推荐

    HTML小技巧:将table边框改为细线

    HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线

    table嵌套table边框样式

    在网页设计中,表格(Table)是用于组织数据的重要元素,而当表格嵌套时,如何设置合适的边框样式就显得尤为重要。`table嵌套table的边框样式`是一个常见的需求,尤其在处理复杂的数据展示时。本篇将详细介绍如何...

    html为内边框加颜色而嵌套TABLE边框不显示出来的两种方法.pdf

    在HTML中,为内边框添加颜色而嵌套表格时,可能会遇到外层表格边框不显示的问题。这个问题通常由于CSS样式冲突或者表格属性设置不当所引起。文档中提供了两种解决方法来解决这个问题。 方法一: 这种方法利用了CSS...

    table边框线属性

    这两个属性是HTML中的非CSS属性,`cellspacing`设置单元格间的边距,`cellpadding`设置单元格内部内容与边框的距离。在CSS中,这两个属性可以用`border-spacing`和`padding`替代。 9. 对于嵌套表格,可以通过上述...

    table 边框拖动

    实现table边框拖动的步骤大致如下: 1. **选取目标元素**:首先,我们需要确定哪些元素(通常是table的边框)可以被拖动。这可以通过CSS选择器来完成,例如,选取所有的`td`或`th`元素的边框。 2. **添加事件监听...

    Html_的table_边框设置

    ### Html的table边框设置详解 #### 一、引言 HTML 表格(`&lt;table&gt;`)是一种常用的数据展示方式,在网页设计中扮演着重要角色。为了使表格更加美观和易于阅读,开发者通常会使用CSS来定制表格的外观,包括边框样式。...

    HTML table 表格边框的实现思路

     1、表格无边框,背景颜色设置一种颜色(#DCDFE6),这样表格的边框的颜色就是表格的背景颜色;  2、单元格间距为1px,背景颜色设置为白色(#FFFFFF) // CSS table { background:#DCDFE6; width: 100%; } ...

    表格td边框可左右拖动的实例

    当显示的table宽度受限制固定宽度时,表格的展示列又很多的时候,如何更好地处理并展示,可下载资源查看,可拖动表格,表格可左右拖动,表格td边框可以左右拖动,表格里的内容可以很好的显示。

    table边框设置

    table边框有无的设置 style="border-right:#000000 0px solid;

    Html中用table画斜线

    在HTML中,`&lt;table&gt;`元素是用于创建表格的关键组件,它在网页布局和数据展示中扮演着重要角色。在某些场景下,我们可能需要在表格的单元格(`&lt;td&gt;`)内添加斜线,以达到特殊的视觉效果或区分不同的信息。例如,在描述...

    HTML Table 漂亮的CSS

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

    Dreamweaver中怎么让html网页中的table边框细线显示?

    在使用Adobe Dreamweaver进行网页设计时,有时我们需要创建具有精细边框的HTML表格,以获得更整洁和专业外观的页面布局。以下是如何在Dreamweaver中调整表格边框,使其呈现细线显示的详细步骤。 ### 方法一:通过...

    table 圆角 html5 css3

    在HTML5和CSS3的世界里,为表格(table)添加圆角效果是一项常见的美化任务,可以使得网页设计更具现代感和优雅。本文将深入探讨如何使用HTML5和CSS3实现表格的圆角效果,以及相关的知识点。 首先,HTML5虽然在语义...

    HTML table表格边框的控制详细说明

    只显示上边框 &lt;table frame=above&gt; 只显示下边框 &lt;table frame=below&gt; 只显示左、右边框 &lt;table frame=vsides&gt; 只显示上、下边框 &lt;table frame=hsides&gt; 只显示左边框 &lt;table frame=lhs&gt; 只显示右边框 &lt;table frame=...

    html,table常用样式

    根据给定的信息,本文将详细解释两种HTML表格的样式:单像素边框CSS表格与带背景图的CSS样式表格,并简要介绍一种自动换整行颜色的CSS样式表格(需要用到JavaScript)。 ### 一、单像素边框CSS表格 #### 1.1 CSS...

    HTML表格边框设置方法

    在网页设计中,HTML...总结起来,HTML表格边框的设置涉及到多个CSS属性,包括边框宽度、样式、颜色、合并、单元格边框以及响应式设计等方面。掌握这些知识点,就能灵活地定制表格的外观,满足网页设计的需求。

    HTML table的使用

    本实例将深入探讨如何有效地使用HTML `&lt;table&gt;` 元素来创建和定制表格。 首先,创建一个基本的HTML表格需要使用`&lt;table&gt;`标签作为容器,`&lt;tr&gt;`(表格行)定义每一行,`&lt;th&gt;`(表头)定义列的标题,而`&lt;td&gt;`(表格...

    HTML table表格编辑器

    "HTML Table表格编辑器"是一款工具,旨在提供一种便捷的方式,帮助用户在网页上创建、编辑和管理HTML表格。这款编辑器提供了诸如上下移动行、单元格内数据编辑等功能,大大提升了在网页中操作表格的效率。 在HTML中...

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

    在CSS中,表格(Table)是由行(tr)和单元格(td)组成的,它们均可以设置边框。要实现只给单元格(td)添加边框而保持表格(table)左右两侧没有边框的效果,可以通过CSS控制边框属性来实现。通常,可以通过设置...

    html中table的表格样式

    在HTML中,`&lt;table&gt;`元素是用于创建表格的关键标签,它允许我们组织数据并以结构化的方式展示。本文将深入探讨HTML中的表格样式,包括基本语法、样式控制以及一些高级技巧。 首先,一个基本的表格由多个部分组成,...

Global site tag (gtag.js) - Google Analytics