[HTML][CSS]table中加边框的样式(所有td都加薄边框)

table中加边框的样式(所有td都加薄边框)

  <style type="text/css">
	.border-table {
		border-collapse: collapse;
		border: none;
	}
	.border-table td {
		border: solid #000 1px;
	}
</style>
	<table id="tt" class="border-table">
	<tr>
	 <td rowspan=2>No</td>
	  <td colspan=3>User Info</td>
	</tr>
	<tr>
	  <td>UserCode</td>
	   <td>UserName</td>
	   <td>ID CARD</td>
	</tr>
	<tr>
	 <td>1</td>
	  <td>1001</td>
	  <td>王德封</td>
	  <td>330623***********9</td>
	</tr>
	  <td>2</td>
	  <td>1002</td>
	  <td>王祉临</td>
	  <td>3301*************9</td>
	</tr>
	</tr>
	  <td>3</td>
	  <td>1003</td>
	  <td>王祉依</td>
	  <td>3301*************0</td>
	</tr>
	</table>
时间: 2024-10-23 06:32:37

[HTML][CSS]table中加边框的样式(所有td都加薄边框)的相关文章

WIN2008中部署网站后样式及JS加载不了

今天在一台刚刚装好的WIN2008上部署一个问题,一切按流程来:① 控制面板加IIS,把.NET 3.5打勾② 装.NET 4.0框架③ 装MSSQL2012④ IIS中部署网站⑤ 修改web.config中的数据库连接字符串⑥ 网站目录加Everyone权限 弄好后直接输入IP浏览网站,发现网站可以运行,但是一切样式及JS都加载不了,网上都搜索不到相应的解决方案,最后自己东搞西搞才弄好,原来是在第一步添加IIS的时候,除了勾上那个.NET 3.5,还得再勾上那个"静态内容",这样才能

table中某一个tr边框样式设置

<html> <head> <style type="text/css"> table{ width:500px; } table tr td{ border-top:#FF0000 solid 1px; width:50%; background-color:#00CC33; text-align:center; line-height:24px;} </style> </head> <table border=&qu

当Table中td内容为空时,显示边框的办法

原文:当Table中td内容为空时,显示边框的办法 1111111111111 目录 定义和用法 实例 浏览器支持 可能的值 定义和用法 说明 实例 浏览器支持 可能的值 相关页面 1. 在 table的css里面加: border-collapse:collapse; 在 td 的css里面加:      empty-cells:show; 2 .最简单的就是 在TD里写个  说明: border-collapse设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开. 定义

为Table中的thead加上边框

出发点其实很简单,就是想做个这样的表: 所以就先架构table的html代码: <table cellspacing="0"> <thead> <tr><th>姓名</th><th>性别</th><th>居住地</th></tr> </thead> <tbody> <tr><td>张三</td><td&

css实现table中td单元格鼠标悬浮时显示更多内容

table中,td单元格无法显示下全部内容,需要在鼠标hover时显示全部内容. 正常显示样式: 鼠标hover时: html: <td>displayAddress<span class="tdtip">popAddress</span></td> css: td{ position:relative; z-index:2; } td:hover{ z-index:3; background:none; } td .tdtip { di

js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标

css使用user-select,user-select不是W3C标准,浏览器支持不完整:user-select有两个值,none用户不可以选择文本,text用户可以选择文本 body{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;} 也

table中的边框合并实例

<html><head><style type="text/css">table,th,td{border:1px solid blue;border-collapse:collapse;}</style></head> <body><table><tr><th>Firstname</th><th>Lastname</th></tr>

CSS中如何使用背景样式属性,看这篇文章就够用了

原文:CSS中如何使用背景样式属性,看这篇文章就够用了 css背景样式属性介绍# 背景样式就是自定义HTML标签的背景颜色或背景图像. 背景属性说明表 属性名 属性值 描述 background-color #f00.red.rgb(255,0,0) 设置背景颜色. background-image url(背景图片路径) 设置背景图像. background-repeat repeat.repeat-x.repeat-y.no-repeat 设置背景图片是否平铺和平铺方向. backgroun

table 中 thead tbody tfoot 加载顺序问题

这几个标记主要是用于提高table标签的加载以及显示的,说白了,就是分布加载.在传统的浏览器,在加载 时,是当所有的标签中元素都被下载后才会显示,当然这样的用户体验是不好的.再加入了这几个t打头的标签后,table就会分布的加载table中的元素,顺序依据写在table中的标签顺序进行. 为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时,table是作为一个整体解释的,使用TBODY可以优化显示.如果表格很长,用tbody分段,可以一部分一部分地显示,不用等整个