[/size][size=large][/color][color=red]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http:/[size=xx-large][/size]/www.w3.org/1999/xhtml">
<head>
<title>2.html</title>
<meta http-eq[color=blue]uiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body {
font: normal 11px auto "Tr
ebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
background: #E6EAE9;
}
table {
width: 700px;
padding: 0;
margin: 0;
}
td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
font-size: 11px;
padding: 6px 6px 6px 12px;
color: #4f6b72;
}
tr:hover {
background-color: #B0C4DE;
}
th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}
a:link {
color:red;
text-decoration: none;
}
a:hover {
color:blue;
text-decoration: none;
}
a:visited {
color:green;
text-decoration: none;
}
a:active {
color:orange;
text-decoration: none;
}
</style>
</head>
<body>
<div align="center">
<table>
<tr>
<th>姓名</th>
<th>学号</th>
<th>密码</th>
<th>操作</th>
</tr>
<tr>
<td>111</td>
<td>111</td>
<td>111</td>
<td><a href="http:www.hao123.com">修改</a> <a href="http://www.baidu.com">删除</a></td>
</tr>
<tr>
<td>222</td>
<td>222</td>
<td>222</td>
<td><a href="http:www.hao123.com">修改</a> <a href="http://www.baidu.com">删除</a></td>
</tr>
<tr>
<td>333</td>
<td>333</td>
<td>333</td>
<td><a href="http:www.hao123.com">修改</a> <a href="http://www.baidu.com">删除</a></td>
</tr>
</table>
</div>
</body>
</html>[/color]
分享到：
相关推荐
网络上收集的css table样式 好看table样式 好看的CSS——Table样式表
"表格编辑css美化及javascript"的主题涉及到如何利用这些技术来创建交互式、美观的表格，尤其适用于后台管理系统。 HTML5是超文本标记语言的最新版本，它为网页开发引入了许多新的元素和API，提供了更好的结构化和...
好看的css table列表样式
本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS样式，适用于不同的设计需求，无论你是网页开发者还是设计师，都可以从中找到适合的样式来美化你的HTML表格。 首先，我们来了解一下HTML表格的基本结构。HTML...
在网页设计中，表格（Table）是展示数据的常见方式，而CSS（Cascading Style Sheets）则用于美化这些表格，让数据呈现得更加清晰、美观。"漂亮的Table CSS"这个主题聚焦于如何利用CSS技术来提升表格的视觉效果，使其...
2. **CSS美化**：如何使用CSS来调整元素的样式，包括颜色、字体、布局、响应式设计等，使得界面更加美观。 3. **HTML表格**：理解如何使用HTML `<table>` 元素来展示数据，并结合CSS使其更易于阅读和交互。 4. **...
在这个主题"CSS样式Table[6] - style-table"中，我们将深入探讨如何使用CSS来美化和控制表格的样式。 表格在数据展示和组织信息时非常有用，但默认的HTML表格样式通常较为朴素。CSS提供了丰富的选择器和属性，让...
在网页设计中，表格（Table）是展示数据的重要方式，而CSS（Cascading Style Sheets）则赋予了我们对表格进行美化的能力。本教程将深入探讨如何使用CSS来提升表格的视觉效果，并实现多选表格的行和列功能，这对于...
在网页设计中，CSS（Cascading Style Sheets）是一种用于控制网页元素呈现样式的语言，而表格（Table）则是组织数据的重要方式。本教程将详细讲解如何使用纯CSS来制作一个人口统计表格的样式布局。 首先，我们需要...
以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点： 1. **表格元素基础**： - `<table>`：这是HTML中创建表格的基本标签，用于定义表格的结构。 - `<tr>`：表示表格行（Table...
本教程将深入探讨如何使用CSS来优化和美化表格，使其在网站中更具吸引力。 首先，我们关注基本样式。默认情况下，浏览器会以一种平淡无奇的方式显示表格，但通过CSS，我们可以改变表格的边框、颜色、字体和对齐方式...
接下来，CSS的介入让表格的样式更加丰富多彩。我们可以使用CSS来改变表格的布局、颜色、边框等属性。例如，为了使表格看起来更清爽，我们可以设置边框为单色，并去除内边距： ```css table { border-collapse: ...
"采用Table CSS实现的TabPane选项卡"是一个利用CSS样式表来构建Tab Pane功能的例子。在这个项目中，我们将深入探讨如何使用纯CSS来创建这种效果，以及为何选择使用表格布局（Table CSS）。 首先，让我们理解什么是...
在网页设计中，CSS（Cascading Style Sheets）是一种用于控制网页元素呈现样式的语言，而HTML中的`<table>`标签则是用来创建表格布局的重要元素。`<table>`标签允许我们构建复杂的表格结构，包括行（`<tr>`）、列（`...
在这个场景中，"挺好看的CSS TABLE样式"是一个关于如何美化HTML表格的专题。CSS表格样式允许开发者以更美观、更具有吸引力的方式展示数据，而不仅仅是传统的单调布局。 首先，`xtab.css`和`styles.css`可能是两个...
3. CSS美化：在描述中提到，将`th`的颜色替换为#E4EDF9可以使表头更加突出。此外，还可以使用`background-color`、`color`、`font-weight`、`text-align`等属性来调整字体颜色、背景色、粗细和对齐方式。 4. 表格...
本篇主要关注的是如何使用CSS来美化和控制表格（Table）的样式。"CSS样式Table[5] - simpletable"可能是指一个关于创建简洁、高效表格的教程或者示例集。 在CSS中，对表格的样式控制主要通过选择器来实现，这些选择...
**二、CSS美化表格** 接下来，我们使用CSS来美化表格。可以通过设置表格边框、背景色、文字样式等属性来达到理想的效果： ```css table { border-collapse: collapse; /* 合并单元格边框 */ width: 100%; /* ...
在网页设计中，为了提升用户体验，常常需要对表格进行美化，比如实现隔行变色的特效。`jQuery`和`Table UI`插件是实现这一功能的强大工具。本篇文章将详细解析如何使用`jQuery`与相关`CSS`来制作一个具有隔行变色...
当我们谈论"Table CSS样式"时，我们聚焦的是如何使用CSS来美化和控制HTML表格的显示效果。在网页中，表格是一个常用的数据展示工具，通过CSS，我们可以实现表格的定制化，使其更符合网站的整体风格，提高用户体验。 ...