有边框的简易表格

html:

<table>
<tr>
<td><img src="images/ReserveServices/YuYue1.png" /></td>
<td class="w187"><span></span>服务类型：</td>
</tr>
<tr>
<td class="w187"><span></span>服务类型：</td>
<td class="w400"><span></span>预约安装</td>
</tr>
<tr>
<td>上门地址： </td>
<td>上海市普陀区岚皋路597号905室</td>
</tr>
</table>

css:

table{border-collapse: separate; border-spacing: 1px;width:580px;margin:0 auto;background:#d0d0d0;}
table tr{background:#fcfcfc;}
table tr td{border-spacing: 1px;text-align: center;color: #000;padding:20px 0;}

.w187{width:178px;}
.w400{width:400px;}

最后单元格的合并请参看 http://blog.163.com/robin_hun/blog/static/103234391201110210316425/

时间： 2024-10-10 22:46:53

有边框的简易表格的相关文章

CSS设置1PX边框的Table表格

写页面布局时经常会遇到1PX边框的表格,对于罗列显示大量数据来说,table是非常合适的,table本身的意义就在于罗列显示数据,web标准化并非是指不去用table标签,而是说不用table去布局,table本身也是属于标准内的. 本身table设置border:0的话,边框其实是2px.如果想实现1PX边框,可以如下设置: table { border: 1px solid blue; border-width: 1px 0 0 1px; } td { border: 1px solid b

简易表格练习

html: <body> <!--html注释 css注释用/**/--> <!--主体--> <div id="body"> <!--第一张表--> <h2>1.我喜欢的歌曲</h2> <table width="100%" height="100px" border="1px" frame="hsides" rul

[转]CSS如何设置html table表格边框样式

原文地址:http://www.divcss5.com/wenji/w503.shtml 对table设置css样式边框,分为几种情况: 1.只对table设置边框 2.对td设置边框 3.对table和td技巧性设置表格边框 4.对table和td设置背景,实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示.为了便于观察,divcss5均设置所有案例表格为1px实线红色边框为例:table宽度为400px;表格为三列三行,对以上四种情况表格外层加个div

SRichViewEdit 表格边框调整

SRichViewEdit 表格默认的表格边框,是有表格边框和单元格边框,并且表格边框与单元格边框有2点的边距,单元格与单元格之间也有2点的边距,看起来是双线的,如下图: 我平常习惯用单细线边框的表格,为此,对SRichViewEdit插入表格的默认格式进行调整,直接修改RichViewActions.pas单元里表格默认属性默认值,打开RichViewActions.pas,找到constructor TrvActionInsertTable.Create,代码如下: constructor 

列表和表格---学习笔记02

第7章 列表和表格 7.1 有序列表 <ol type="A"> <li>这里是第1个li</li> <li>这里是第2个li</li> <li>这里是第3个li</li> </ol> ol属性: type : 数字(1),大小写字母(A,a),大小写罗马数字(I,i) start: "起始编号位序"表示列表项的开始编号所处的位置序号,即li前面开始的数值 -->

html表格学习

html里表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等. 表格的编写: <table border="1px"> <tr> <td>123</td> <td>123</

Css基本样式————表格

a.Css表格属性可以帮助我们极大地改善表格的外观 b.表格边框 <table>     <tr>         <th>姓名</th>         <th>年龄</th>         <th>性别</th>     </tr>     <tr>         <td>小王</td>         <td>20</td>   

H5 表格标签基本使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><!--其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 1.什么是表格标签?表格标签作用: 用来给一堆

HTML 表格

HTML 表格:表格由<table>标签来定义,行数由<tr>标签来定义,单元格由<td>标签来定义:<table border="1"><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td>row 2, cell 1</td><td>row 2, ce