html table 边框 - - ITeye博客

`

chinahnzhou

浏览: 353348 次
性别:
来自: 深圳

最近访客更多访客>>

fuhongyao

henryxlx

cl_andywin

liunancun

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

afreon：解决java.lang.NoClassDefFoundErro ...
com.jhlabs.image.RippleFilter.setXAmplitude
fanxianyun：恶意代码，我添加了inputstream,但是我界面有个< ...
struts2 最新漏洞 S2-016、S2-017修补方案
s469799470： ...
struts2 if标签判断条件包含字符串的问题
chinahnzhou：圣诞王子写道chinahnzhou 写道圣诞王子写道那我不 ...
springmvc拦截所有请求不能访问jsp
圣诞王子： chinahnzhou 写道圣诞王子写道那我不想直接输入 . ...
springmvc拦截所有请求不能访问jsp

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>

分享到：

JavaScript trim函数大赏 | 根据字段的长度排序

2012-09-25 10:26
浏览 1272
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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 表格（`<table>`）是一种常用的数据展示方式，在网页设计中扮演着重要角色。为了使表格更加美观和易于阅读，开发者通常会使用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中，`<table>`元素是用于创建表格的关键组件，它在网页布局和数据展示中扮演着重要角色。在某些场景下，我们可能需要在表格的单元格(`<td>`)内添加斜线，以达到特殊的视觉效果或区分不同的信息。例如，在描述...

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表格边框的控制详细说明: 只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=...

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

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics