table的css样式

最新推荐文章于 2024-04-19 20:39:07 发布
最新推荐文章于 2024-04-19 20:39:07 发布
阅读量535 收藏
点赞数
<!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;样式
一点点经验分享。



转自：http://medicine.iteye.com/blog/588706

h339678413
关注
CSS-table样式+
weixin_47345929的博客
11-30 1535
table样式 table一般不用来布局，主要用来格式化数据。 属性： width:宽度 height:高度 border-collapse:collapse; 单线边框 border:边框线 td,tr属性： width:宽度 height:高度 text-align:文本水平方向对齐方式(left(默认)/center/right) vertical-align:文本垂直方向对齐方式(top/middle(默认)/bottom) 列表样式 不是描述性的文本的任何内容都可以认为是列表。比如：菜单、商品列
【CSS】Table样式
weixin_33920401的博客
05-19 3721
一、table td的宽度详解 Table只有Table的宽度是可以设置的，并且各个浏览器理解一致 原则上应该将table的宽度设置成一个固定的值，而不应该设置成一个根据屏幕变化的值 Table的宽度为600px,Table的td所有宽度总和不到600px,浏览器会自动按照td的宽度的比例算出宽度 <table style="width: 600px;border-co...
TABLE 的css的样式表
热门推荐
hushuai_5的专栏
02-24 3万+
TABLE 的css的样式表 标签：css it   TABLE 的css的样式表  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~下面为HTML        标题&lt
好看table样式 好看的CSS——Table样式表
04-01
网络上收集的css table样式 好看table样式 好看的CSS——Table样式表
table 样式_CSS常用样式（最基础下）
weixin_39737224的博客
12-06 311
1、cursor使用目的：在鼠标到达这个位置时，鼠标会出现不同的风格形式；<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>页面一title>head><body>小手span>1span&g...
Table CSS样式
07-30
Table CSS 博文链接：https://hefeng1987-net-163-com.iteye.com/blog/868780
挺好看的CSS TABLE样式
03-01
整体代码 博文链接：https://tylerxi.iteye.com/blog/215668
纯css table 样式布局制作人口统计table表格样式代码
11-08
以下是一些常见的CSS样式技巧： 1. **表格边框**：设置`border-collapse: collapse;`让表格的边框合并，然后为`<table>`添加边框样式。 ```css table { border-collapse: collapse; border: 1px solid #ddd; ...
CSS样式初始化commonInitialize.css
01-18
CSS样式初始化是开发过程中一个重要的步骤，它旨在消除浏览器之间的默认样式差异，确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。 首先，我们来理解...
table与tab页css样式与demo.zip
12-14
本压缩包“table与tab页css样式与demo.zip”提供了两种不同的CSS样式，旨在使原生HTML的table和tab页看起来更加美观。下面我们将详细探讨这些知识点。 首先，关于HTML表格（table）： 1. 结构：HTML表格由`<table>...
好看的css table列表样式
07-19
好看的css table列表样式
Table常用的几种CSS样式
03-23
针对Table经常使用的CSS样式，样式不错。 也可以到http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
CSS基础：table的4个标签的样式详解（6000字长文！附案例）
最新发布
u013179804的博客
04-19 9510
之前在 HTML 基础部分，我们讲解了表格的结构和写法。简单回顾下。包含等表格部分。和分别包含多个行。行中可以包含或单元格，用来显示表格的标题或数据。本文，我们来给它们增加一些漂亮的样式。图为增加样式前，增加样式后的效果，是不是确实漂亮多了。ok，那我们一起来看看这些表格标签的样式属性吧。
html表格展开格式,4款简单常见的纯CSS表格(table)样式
weixin_35851482的博客
05-31 2831
本文介绍4款简单常见的纯CSS表格(table)样式。1、默认表格(default table)添加pure-table类样式化表格，此类向表元素添加填充(padding)和边框(borders)，并使表头突出。默认表格html代码html>Table_SimpleCSSforHTMLtableshtml{font-family:sans-serif;-ms-text-size...
CSS表格样式
xiangxiongfly
07-21 1万+
CSS表格样式 caption-side 标题位置 border-collapse 边框合并 border-spacing 边框间距 css样式（推荐使用）
好看的table-css样式
qq_45450789的博客
04-13 5986
1.单像素边框css表格 源代码： <style type="text/css"> table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } table.gridtable t.
table css样式
hacker_zhb的博客
05-15 84
http://icant.co.uk/csstablegallery/tables/41.php  
CSS Table 样式
wzg866的专栏
02-14 91
http://icant.co.uk/csstablegallery/tables/47.php
CSS样式表教程：浏览器默认样式
09-27
在网页设计中，CSS样式表起着至关重要的作用，它决定了网页元素的外观和布局。然而，不同浏览器之间对相同HTML元素的默认样式处理存在差异，这是CSS样式表教程中经常提到的一个问题。这种差异性可能导致同一个网页在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值