`

table的css样式

    博客分类：
  • css
CSSXHTMLHTML 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>table的css样式</title>
<style type="text/css">
		table {
			border: 1px solid #B1CDE3;
			padding:0; 
			margin:0 auto;
			border-collapse: collapse;
		}
		
		td {
			border: 1px solid #B1CDE3;
			background: #fff;
			font-size:12px;
			padding: 3px 3px 3px 8px;
			color: #4f6b72;
		}
</style>
</head>

<body>
<table width="453" height="118" border="1" cellpadding="0" cellspacing="0" >
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="4" rowspan="5">
	<h2>table的css样式</h2>
    <p>border-collapse: collapse; <br/>
	属性作用：当两条线重叠时只显示一条线 </p></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>

具体的table td 样式可以在替换，主要说明border-collapse: collapse;样式
一点点经验分享。
  • 大小: 2.1 KB
2
顶
0
踩
分享到：
| spring security 提供系统安全功能
评论
2 楼 coosummer 2016-06-20  
演示地址：http://www.jscssshare.com/#/sample/s3zjTAHT
1 楼 wenlifang530 2014-06-17  
赞
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    好看table样式 好看的CSS——Table样式表

    网络上收集的css table样式 好看table样式 好看的CSS——Table样式表

    Table CSS样式

    在网页设计中，CSS（Cascading Style Sheets）是一种用于定义HTML或XML（包括SVG、...总之，Table CSS样式是网页设计中的重要一环，通过熟练掌握相关技巧，我们可以创建出美观且功能强大的表格，满足各种设计需求。

    好看的css table列表样式

    好看的css table列表样式

    挺好看的CSS TABLE样式

    整体代码 博文链接：https://tylerxi.iteye.com/blog/215668

    漂亮的table样式（内附css）

    在`styles.css`文件中，编写如上所述的CSS样式。这样，我们就可以创建出既美观又具有专业感的表格，提高用户在浏览网页时的体验。通过不断实践和优化，我们可以创造出更多富有创意的表格样式，满足不同场景的需求。

    CSS样式Table[6] - style-table

    在这个主题"CSS样式Table[6] - style-table"中，我们将深入探讨如何使用CSS来美化和控制表格的样式。 表格在数据展示和组织信息时非常有用，但默认的HTML表格样式通常较为朴素。CSS提供了丰富的选择器和属性，让...

    CSS样式初始化commonInitialize.css

    CSS样式初始化是开发过程中一个重要的步骤，它旨在消除浏览器之间的默认样式差异，确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。 首先，我们来理解...

    Table常用的几种CSS样式

    以下是对"Table常用的几种CSS样式"的详细阐述。 1. **边框样式**： - `border-collapse`: 控制表格边框是否合并。`collapse`将合并相邻单元格的边框，`separate`则保持边框独立。 - `border-spacing`: 设置或获取...

    纯css table 样式布局制作人口统计table表格样式代码

    以下是一些常见的CSS样式技巧： 1. **表格边框**：设置`border-collapse: collapse;`让表格的边框合并，然后为`&lt;table&gt;`添加边框样式。 ```css table { border-collapse: collapse; border: 1px solid #ddd; ...

    HTML Table 漂亮的CSS

    本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS样式，适用于不同的设计需求，无论你是网页开发者还是设计师，都可以从中找到适合的样式来美化你的HTML表格。 首先，我们来了解一下HTML表格的基本结构。HTML...

    漂亮的table表格样式

    文件名为"tablecloth"可能暗示了一个完整的CSS样式库或者一个示例HTML文件，用于演示这些美观的表格样式。使用这样的样式库，可以快速地为你的表格应用一套完整的视觉风格，而不必从头编写所有的CSS代码。 综上所述...

    漂亮的Table CSS

    9. **表格内嵌样式与外部样式表**：为了代码的可维护性，通常会把CSS样式放在外部样式表中，但也可以在HTML的`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等元素内直接添加`style`属性进行快速调试或临时调整。 10. **数据可视化的...

    几种实用table样式

    这几种样式包括纯CSS样式、图片背景的CSS样式、颜色变化的CSS样式以及需要JavaScript支持的表格样式。 ### 1. 纯CSS样式 这种表格样式完全基于CSS来实现，无需任何图片或者JavaScript的支持。这种方式的最大优点...

    采用Table CSS实现的TabPane选项卡.rar

    通过HTML结构、Table CSS样式和JavaScript事件处理，我们可以创建一个高效且易于维护的Tab Pane组件，以满足网页中的信息展示需求。在实际项目中，还可以根据需要添加更多的动画效果或交互优化，提升用户体验。

    CSS样式TABLE的一些特效

    在这个主题“CSS样式TABLE的一些特效”中，我们将深入探讨如何利用CSS来增强表格的视觉吸引力和交互性。 1. **表格边框与填充** - `border-collapse`: 这个属性用于设置表格单元格之间的边框合并方式。默认情况下...

    table与tab页css样式与demo.zip

    本压缩包“table与tab页css样式与demo.zip”提供了两种不同的CSS样式，旨在使原生HTML的table和tab页看起来更加美观。下面我们将详细探讨这些知识点。 首先，关于HTML表格（table）： 1. 结构：HTML表格由`&lt;table&gt;...

    好看的css table样式

    在这个主题中，我们聚焦于“好看的css table样式”，这在创建报表、数据展示以及各种信息汇总的网页中尤其重要。 一个美观的CSS表格不仅需要清晰易读，还要具有良好的可读性和吸引力。下面我们将深入探讨如何使用...

    CSS表格样式1

    在CSS（层叠样式表）中，表格样式是网页设计中的一个重要组成部分，它能帮助我们打造出美观且功能丰富的数据展示区域。这篇博文“CSS表格样式1”可能详细讲解了如何利用CSS来定制HTML表格的外观和布局。由于描述中...

    html,table常用样式

    根据给定的信息，本文将详细解释两种HTML表格的样式：单像素边框CSS表格与带背景图的CSS样式表格，并简要介绍一种自动换整行颜色的CSS样式表格（需要用到JavaScript）。 ### 一、单像素边框CSS表格 #### 1.1 CSS...

    网页表格经典css样式

    本资源"网页表格经典css样式"提供了一系列经典的表格设计样式，适合初学者学习和参考。 首先，我们要理解表格的基本HTML结构。一个基本的表格由`&lt;table&gt;`标签开始，包含`&lt;tr&gt;`（行）标签，每一行中又有`&lt;td&gt;`...

Magicbox
Global site tag (gtag.js) - Google Analytics