<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style>
table{border-collapse:collapse;border-top:3px solid #000;border-bottom:3px solid #000;}
.notVert{border:none; }
td,th{
width:60px;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
text-align:center;
font-size:16px;
};
th{font-size:16px;font-weight:normal}
.last{border-right:none; }
.lastTr td{border-bottom:none; }
strong{color:red; }
</style>
</head>
<body>
<p>
<strong>四周（上下左右都不封闭）</strong>
</p>
<table cellspacing="0" cellpadding="2" class="notVert">
<tr>
<th>一月</th>
<th>二月</th>
<th>三月</th>
<th class="last">总计</th>
</tr>
<tr>
<td>29</td>
<td>38</td>
<td>65</td>
<td class="last">24</td>
</tr>
<tr>
<td>26</td>
<td>47</td>
<td>58</td>
<td class="last">4</td>
</tr>
<tr class="lastTr">
<td>56.45</td>
<td>665</td>
<td>76</td>
<td class="last">8</td>
</tr>
</table>
<p>
<strong>常用型，左右不封闭</strong>
</p>
<table cellspacing="0" cellpadding="2">
<tr>
<th>一月</th>
<th>二月</th>
<th>三月</th>
<th class="last">总计</th>
</tr>
<tr>
<td>22</td>
<td>112</td>
<td>52</td>
<td class="last">4</td>
</tr>
<tr>
<td>15</td>
<td>265</td>
<td>39</td>
<td class="last">4</td>
</tr>
<tr class="lastTr">
<td>72</td>
<td>43</td>
<td>521</td>
<td class="last">8</td>
</tr>
</table>
</body>
</html>
相关推荐
本文将深入探讨8款非常出色的CSS表格，这些表格设计独特，功能丰富，能为你的网站增添专业且美观的展示效果。 1. **Pure CSS Data Tables** 这款表格完全依赖CSS实现，无需JavaScript插件，轻量级且响应式。通过...
本资源“8款好看的css表格.rar”提供了一系列由国外设计师编写的精美CSS表格示例，这些表格在视觉呈现上极具吸引力，能够为网页增加专业且现代的外观。 CSS表格的设计主要围绕以下几个方面展开： 1. **布局与结构*...
一些非常漂亮实用的CSS表格样式,使用方便.页面简洁!
由于描述中没有提供具体信息，我将根据常见的CSS表格样式实践进行详细讲解。 首先，我们来了解一下HTML表格的基本结构，由`<table>`、`<tr>`（行）、`<th>`（表头）和`<td>`（单元格）元素组成。CSS可以帮助我们...
标题和描述均提到了“21个新奇漂亮的AjaxCSS表格设计”，这表明文章旨在介绍一系列结合了Ajax和CSS技术的创新表格设计方案。Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，它允许网页...
根据提供的标题“CSS制作好看的表格”以及描述“教你在短时间内，用css制作出新颖、独特漂亮的网页表格。使得你的网页表格更加清晰，美观。”本文将详细介绍如何利用CSS来设计美观且功能性强的网页表格。 ### 一、...
CSS可以改变表格的颜色、边框、对齐方式等视觉效果。例如，我们可以设定表格的边框、背景色、字体颜色，以及单元格的间距： ```css table { border-collapse: collapse; /* 合并单元格边框 */ width: 100%; /* ...
以下是一些关于CSS表格样式的知识点： 1. **基本样式设置**：首先，可以使用`border-collapse`属性来合并单元格边框，例如`border-collapse: collapse;`，以创建简洁的表格外观。`border-spacing`属性则可以控制...
网络上收集的css table样式 好看table样式 好看的CSS——Table样式表
标题“CSS表格斜线.rar”和描述“CSS表格斜线”暗示了这个压缩包内容主要涉及如何使用CSS来实现带有斜线的表格效果。在网页设计中，有时我们需要创建具有特殊布局的表格，例如带有分区的单元格，其中包含斜线以指示...
"html好看的CSS表格.zip"这个压缩包包含了利用这些技术美化HTML表格的资源。下面我们将详细探讨HTML表格的基本结构，如何用CSS进行美化，以及JavaScript在增强表格功能中的作用。 首先，HTML表格是通过`<table>`...
本压缩包“DIV+CSS表格代码.rar”显然包含了使用这两种技术实现的表格样例代码。 `DIV`元素是网页布局中的核心构建块，它允许我们将页面内容划分为多个独立的区域或部分。通过设置`DIV`的类（class）或ID属性，我们...
CSS表格小项目
**Tablecloth：Ajax+CSS表格的魅力** 在网页开发中，表格是展示数据不可或缺的一部分，而Tablecloth正是这样一个致力于提升表格视觉效果和交互体验的工具。由CSS Globe开发的Tablecloth，是一个轻量级且易用的解决...
默认情况下，表格会呈现出比较基础的样式，但通过CSS，我们可以自定义边框、颜色、对齐方式等属性，使表格更具吸引力且易于阅读。 首先，我们可以使用`border`属性设置表格的边框宽度、样式和颜色。例如，`border: ...
DIV+CSS表格（用DIV+CSS做的表格像素表格） 内容不多但是绝对实用，其实在做数据显示时还是推荐用表格，因为不是所有的地方数据显示有用DIV+CSS，在数据显示时表格还是有很大的优势。不过这个还是要看个人爱好！
以上就是CSS表格样式设计的基本方法。通过这些技巧，你可以创建出各种风格的表格，使其在视觉上更具吸引力，并提高用户体验。在实际项目中，还可以结合JavaScript或jQuery来实现更多交互效果，如排序、过滤和分页等...
"js css精美表格"的主题涉及到了JavaScript和CSS技术在创建美观、交互性强的表格方面的应用。在这个主题下，我们可以深入探讨以下几个关键知识点： 1. CSS（层叠样式表）：CSS是用于控制网页元素样式的重要工具。在...
本资源“纯CSS3漂亮表格（圆角、渐变、多背景色）.rar”提供了一种利用CSS3特性创建美观表格的方法，特别适合现代浏览器环境，如IE9及以上版本、Firefox、Chrome以及Safari。 首先，我们来看“圆角”这一CSS3特性。...