给table加边框的两种方法

<!DOCTYPE html>
<html>
<head>
<style>
.a {
border-spacing: 1px;
background-color: #ccc;
}
.a td, .a th {
background-color: #fff;
}
.b {
border-collapse:collapse;
}
.b td, .b th {
border:1px solid #aaa;
}
</style>
</head>

<body>
<table class="a">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>
<br />
<table class="b">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>
</body>
</html>

时间: 2024-10-12 09:33:06

给table加边框的两种方法的相关文章

ChemDraw加键的两种方法

绘制化学结构离不开9种ChemDraw键工具,键工具在绘制过程中提供了最大的使用优势,这种优势体现在键角.键长的绘制,故很有必要学习相关的ChemDraw使用技巧.本ChemDraw教程将具体介绍在ChemDraw加键的两种方法. ChemDraw键工具.环工具以及一个波浪链工具堪称ChemDraw的核心工具,灵活搭配使用可在绘制化学结构时起到事半功倍的效果.在ChemDraw加键的方法主要有两种,分别是单击加键和按动添加. 一.单击加键 利用单击可以快速加键: 1.在工具板上单击任一需要的[键

给文本框添加边框的两种方法

1.使用文本框的边框属性 //利用文本框的边框属性给文本框添加边框 UITextField *field = [[UITextField alloc] init]; field.borderStyle = UITextBorderStyleBezel; /* 系统系统的边框风格种类 UITextBorderStyleNone, //无边框模式 UITextBorderStyleLine, //线 UITextBorderStyleBezel, //贝塞尔曲线 UITextBorderStyleR

WP &amp; Win10开发:实现ListView下拉加载的两种方法

1.通过ListView控件的ContainerContentChanging方法.该方法在列表项被实例化时触发,在列表项最后一个项目实例化的时候触发刷新数据逻辑就可以实现下拉加载了. 代码如下://list_ContainerContentChanging在列表项被实例化是触发. private void list_ContainerContentChanging(ListViewBase sender, ContainerContentChangingEventArgs args) { if

Qt 之 设置窗口边框的圆角(使用QSS和PaintEvent两种方法)

Qt在设置窗口边框圆角时有两种方式,一种是设置样式,另一种是在paintEvent事件中绘制窗口.下面分别叙述用这两种方式来实现窗口边框圆角的效果. 一.使用setStyleSheet方法 this->setStyleSheet(“QWidget{border-top-left-radius:15px;border-top-right-radius:5px;}”)); 使用的主要是使用border-radius 属性,关于这个属性,可选的样式有 border-top-left-radius 设置

UIImage加载图片的两种方法区别

Apple官方的文档为生成一个UIImage对象提供了两种方法加载图片: 1. imageNamed,其参数为图片的名字: 2. imageWithContentsOfFile,其参数也是图片文件的路径. 那么两种有什么区别吗? 肯定是有的.根据Apple的官方文档: imageNamed: 这 个方法用一个指定的名字在系统缓存中查找并返回一个图片对象如果它存在的话.如果缓存中没有找到相应的图片,这个方法从指定的文档中加载然后缓存并返回这 个对象.因此imageNamed的优点是当加载时会缓存图

两种方法实现在HTML页面加载完毕后运行某个js

两种方法实现在HTML页面加载完毕后运行某个js 这篇文章主要介绍了通过两种方法实现在HTML页面加载完毕后运行某个js,需要的朋友可以参考下 js方法: 复制代码 代码如下: <script type="text/javascript"> window.onload=function(){ var userName="xiaoming"; alert(userName); } </script> 以下为jQuery方法,需要引用jQuery

ListView动态加载数据分页(使用Handler+线程和AsyncTask两种方法)

ListView动态加载数据分页(使用Handler+线程和AsyncTask两种方法)

两种方法修改table表的内容

用两种方法获取和修改table表中数据,代码如下: 第一种方案的思想是,根据table中的当前 tr 的位置来定位,当前修改的tr .     第二种方案的思想是,给table中的每个 tr 做一个标记,根据此标记来修改当前的tr .  html代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>table</title> <sc

Html-浅谈如何正确给table加边框

Html-浅谈如何正确给table加边框 一般来说,给表格加边框都会出现不同的问题,以下是给表格加边框后展现比较好的方式 <style> table,table tr th, table tr td { border:1px solid #0094ff; } table { width: 200px; min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse;} </style&g