<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边框不显示出来的两种方法.pdf
1、表格无边框,背景颜色设置一种颜色(#DCDFE6),这样表格的边框的颜色就是表格的背景颜色; 2、单元格间距为1px,背景颜色设置为白色(#FFFFFF) // CSS table { background:#DCDFE6; width: 100%; } ...
Html_的table_边框设置
当显示的table宽度受限制固定宽度时,表格的展示列又很多的时候,如何更好地处理并展示,可下载资源查看,可拖动表格,表格可左右拖动,表格td边框可以左右拖动,表格里的内容可以很好的显示。
table边框有无的设置 style="border-right:#000000 0px solid;
Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以参考下
只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=...
table 圆角 html5 css3
在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框、颜色、大小的样式,想学习的朋友可以参考下
默认情况下,表格的边框为0,我们可以为表格设置边框线。 基本语法 <TABLE BORDER=VALUE> 语法解释 通过BORDER属性定义边框线的宽度,单位为像素。 文件范例:10-2.htm 设定边框线的宽度。01 <!– ——————...
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...
牛腩新闻发布系统中 在table处遇到了麻烦,这个麻烦是我们在css中已经写好了使table不显示边框的代码,在ie浏览器中显示正常,但是在火狐和谷歌浏览器中显示不正常,table的每个边框都显示了出来,因为浏览器不同...
基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)...
效果图: 实现方法: ... 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
表格的边框算是页面制作中最头痛的,带边线的表格在之前非常讨厌做,不过今天终于解决了这个问题,下面将示例与大家分享下
为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。 1、html常用标签 p标签 span ul li table tr td 2、实例用到CSS属性单词 border width height 3、实现虚线的CSS重点介绍 border为边框...
由于项目需要,关于js将table转为excel,纠结了好久,在网上找了很多资料,前面也上传了两个版本,后来发现问题很多,到目前为止这个版本是兼容性最好。可以自定义文件名,下载表格有边框,有标题,欢迎下载;