html table 边框 - - ITeye博客

`

chinahnzhou

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

最近访客更多访客>>

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
浏览 1234
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

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

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

HTML table 表格边框的实现思路: 　1、表格无边框，背景颜色设置一种颜色（#DCDFE6），这样表格的边框的颜色就是表格的背景颜色；　2、单元格间距为1px，背景颜色设置为白色（#FFFFFF） // CSS table { background:#DCDFE6; width: 100%; } ...

Html_的table_边框设置: Html_的table_边框设置

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

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

Dreamweaver中怎么让html网页中的table边框细线显示?: Dreamweaver中怎么让html网页中的table边框细线显示？Dreamweaver中插入表格默认是宽边框的，看上去很难看，该怎么将边框设置成细线呢？请看下文详细介绍，需要的朋友可以参考下

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

table 圆角 html5 css3: table 圆角 html5 css3

CSS控制Table内外边框、颜色、大小示例: 在默认的情况下，我们的CSS将Table的边框清除掉了，下面与大家分享下CSS控制Table内外边框、颜色、大小的样式，想学习的朋友可以参考下

HTML表格标记教程(2):表格的边框属性BORDER: 默认情况下，表格的边框为0，我们可以为表格设置边框线。基本语法 <TABLE BORDER=VALUE> 语法解释通过BORDER属性定义边框线的宽度，单位为像素。文件范例：10-2.htm 设定边框线的宽度。01 <!– ——————...

用CSS样式描述表格Table边框: HTML Table</title></head> <style type=”text/css”> TABLE { background: blue; border-collapse: separate; border-spacing: 10pt; border-top: 15px solid red; border-left: 15px solid red...

css让table不显示边框的代码在火狐和谷歌浏览器中无效: 牛腩新闻发布系统中在table处遇到了麻烦，这个麻烦是我们在css中已经写好了使table不显示边框的代码，在ie浏览器中显示正常，但是在火狐和谷歌浏览器中显示不正常，table的每个边框都显示了出来，因为浏览器不同...

Table显示你要显示的边框代码: 基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）...

使用css如何操作Table没有外边框只有内边框: 效果图：实现方法： ... table{ border-collapse: collapse; border: 0px solid #999; } table td { border-top: 0; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 0; } ta

一个属性border-collapse解决Table的边框问题: 表格的边框算是页面制作中最头痛的，带边线的表格在之前非常讨厌做，不过今天终于解决了这个问题，下面将示例与大家分享下

html设置虚线边框的方法: 为了对html不同标签加边框虚线，我们选择几个常用标签对齐设置边框虚线效果。 1、html常用标签 p标签 span ul li table tr td 2、实例用到CSS属性单词 border width height 3、实现虚线的CSS重点介绍 border为边框...

html中table导出成excel、word、txt等: 由于项目需要，关于js将table转为excel，纠结了好久，在网上找了很多资料，前面也上传了两个版本，后来发现问题很多，到目前为止这个版本是兼容性最好。可以自定义文件名，下载表格有边框，有标题，欢迎下载；

Global site tag (gtag.js) - Google Analytics