<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>TABLE CSS</title>
<style type="text/css">
<!--
table {
border:1px solid #A9B3CD;
border-collapse:collapse;
}
tr.def {
padding-top: 2px;
padding-bottom: 2px;
}
tr.def td{
border: solid #A9B3CD; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width: 1px 1px 1px 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}
tr.def th{
border: solid #A9B3CD; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
border-width: 1px 1px 1px 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}
--!>
</style>
</head>
<body>
<table width="600">
<tr class="def">
<th>A</th>
<th>ABCD</th>
<th>ABCD</th>
<th>ABCD</th>
<th>ABCD</th>
</tr>
<tr class="def">
<td align="right">ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
</tr>
<tr class="def">
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
</tr>
<tr class="def">
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
</tr>
<tr class="def">
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
<td>ABCD</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
在网页设计中，HTML表格（Table）是一种常用的数据展示方式，而通过应用合适的CSS（Cascading Style Sheets）样式，我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...
9. **表格内嵌样式与外部样式表**：为了代码的可维护性，通常会把CSS样式放在外部样式表中，但也可以在HTML的`<table>`、`<tr>`、`<td>`等元素内直接添加`style`属性进行快速调试或临时调整。 10. **数据可视化的...
"Table转div+css工具"就是专为此目的而设计的一款实用软件，它能够帮助开发者将原有的基于表格的HTML代码转换成使用Div和CSS进行布局的新代码。这种转换对于优化网页性能、提高可维护性和实现响应式设计具有重要意义...
以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点： 1. **表格元素基础**： - `<table>`：这是HTML中创建表格的基本标签，用于定义表格的结构。 - `<tr>`：表示表格行（Table...
"table2css-3.10.3"是一款专门用于将HTML表格转换为CSS布局的工具，旨在提高网页设计和开发的效率。该软件的主要功能是将传统的表格数据结构转换为更灵活、响应式更强的CSS（层叠样式表）布局，适应现代网页设计的...
"漂亮的table样式（内附css）"这个主题就是围绕如何使用CSS为HTML表格添加吸引力，使其更加美观和专业。 首先，我们需要了解HTML表格的基本结构，它由`<table>`元素开始，然后包含`<tr>`（行）元素，每个`<tr>`中...
在HTML5和CSS3的世界里，为表格（table）添加圆角效果是一项常见的美化任务，可以使得网页设计更具现代感和优雅。本文将深入探讨如何使用HTML5和CSS3实现表格的圆角效果，以及相关的知识点。 首先，HTML5虽然在语义...
自己编写的一个Html的Table 利用html,css实现了页面的表示，利用javaScript和jQuery实现了页面的动画效果。
【标题】"Table2CSS表格转CSS+DIV布局工具"是一款专为网页设计者打造的实用软件，旨在帮助用户将传统的HTML表格布局转换为更现代、更灵活的CSS（层叠样式表）与DIV（定义文档结构的HTML元素）布局。这种转换能够提升...
标题 "非常漂亮的css+table+js BS模板" 暗示了这是一个基于Bootstrap框架的网页设计模板，结合了CSS、HTML表格（Table）以及JavaScript技术，以创建美观且功能丰富的用户界面。Bootstrap是一个流行的前端开发框架，...
本教程将聚焦于使用CSS（层叠样式表）和HTML（超文本标记语言）来构建一个界面清晰、清爽且漂亮的表格。让我们深入探讨这两个核心技术及其在创建优秀表格中的应用。 首先，HTML表格基础。在HTML中，我们使用`<table...
好看的css table列表样式
在网页设计领域，将传统的HTML表格（table）转换为由CSS布局控制的div元素，是一种常见的优化网页可维护性和响应式设计的方法。标题"table转div、table转css"所指的就是这一过程，即利用特定工具将原本用表格布局的...
Table CSS并不意味着在HTML中使用`<table>`元素，而是指通过CSS的属性和选择器模拟表格布局。这种方法可以提供更好的灵活性和控制力，同时保持内容的结构化。在Tab Pane的实现中，Table CSS可以帮助我们创建整齐且...
在HTML中，`<table>`元素是用于创建表格的关键组件，它在网页布局和数据展示中扮演着重要角色。在某些场景下，我们可能需要在表格的单元格(`<td>`)内添加斜线，以达到特殊的视觉效果或区分不同的信息。例如，在描述...
在网页设计中，CSS（Cascading Style Sheets）是一种用于控制网页元素呈现样式的语言，而HTML中的`<table>`标签则是用来创建表格布局的重要元素。`<table>`标签允许我们构建复杂的表格结构，包括行（`<tr>`）、列（`...
`style-table.html`文件应该展示了这些CSS样式如何应用于HTML表格，呈现视觉效果。`更多资源.url`可能是指向其他教程或示例的链接，可以帮助进一步学习和探索CSS表格样式。 总的来说，通过熟练掌握CSS，我们可以...
h5 table自动滚动的方法css
总结，实现`jQuery table UI`插件制作的CSS表格隔行变色特效，主要分为以下几步： 1. 创建基本的HTML表格结构。 2. 引入`jQuery`库和`Table UI`插件的CSS和JS文件。 3. 使用`jQuery`选择器和CSS样式实现隔行变色。 4...
这种软件能够自动将基于`table`的HTML代码转换为使用`div`和`CSS`进行布局的新代码。在描述中提到的“table布局网页转换为div+CSS布局的转换软件”能够快速高效地完成这一转变，无论是对于简化网页代码，还是提升...