【html】设置tr边框

IE6，IE7不支持tr的border样式
FF和IE8支持tr的border样式

解决方法：

table {
 border-collapse:collapse;
}

table td {
 border-bottom:1px solid #000000;
}

border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。

值	描述
separate	默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse	如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit	规定应该从父元素继承 border-collapse 属性的值。

时间： 2024-08-05 19:37:30

【html】设置tr边框的相关文章

table单元格设置细边框

设置table的CSS为{border-collapse:collapse;border:none;}, 再设置td的CSS为{border:solid #000 1px;}, <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&qu

table中设置tr行间距

CSS border-collapse 属性设置表格的边框是否被合并为一个单一的边框值描述 separate 默认值.边框会被分开.不会忽略 border-spacing 和 empty-cells 属性. collapse 如果可能,边框会合并为一个单一的边框.会忽略 border-spacing 和 empty-cells 属性. inherit 规定应该从父元素继承 border-collapse 属性的值. border-collapse属性加上border-spacing属性就可以

css中的border-collapse属性如何设置表格边框线？（代码示例）

css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来了解一下css border-collapse属性是什么?它的作用. border-collapse 属性:设置表格的边框是否被合并为一个单一的边框,即:用于设置表格边框是合并显示还是分开显示. border-collapse 属

uibutton 设置圆角边框

[m_selectUserBtr.layer setMasksToBounds:YES]; [m_selectUserBtr.layer setCornerRadius:3]; //设置矩形四个圆角半径 [m_selectUserBtr.layer setBorderWidth:1.0]; //边框宽度 UIColor *ccc = [UIColor colorWithRed:1.00 green:1.00 blue:1.00 alpha:.35]; CGColorRef colorref =

Qt 之设置窗口边框的圆角（使用QSS和PaintEvent两种方法）

Qt在设置窗口边框圆角时有两种方式,一种是设置样式,另一种是在paintEvent事件中绘制窗口.下面分别叙述用这两种方式来实现窗口边框圆角的效果. 一.使用setStyleSheet方法 this->setStyleSheet(“QWidget{border-top-left-radius:15px;border-top-right-radius:5px;}”)); 使用的主要是使用border-radius 属性,关于这个属性,可选的样式有 border-top-left-radius 设置

CSS设置1PX边框的Table表格

写页面布局时经常会遇到1PX边框的表格,对于罗列显示大量数据来说,table是非常合适的,table本身的意义就在于罗列显示数据,web标准化并非是指不去用table标签,而是说不用table去布局,table本身也是属于标准内的. 本身table设置border:0的话,边框其实是2px.如果想实现1PX边框,可以如下设置: table { border: 1px solid blue; border-width: 1px 0 0 1px; } td { border: 1px solid b

【css】a:hover 设置上下边框在 ie6 和 ie7 下失效

前段时间在写样式的时候发现了这个问题,虽然当时就解决了这个 bug 不过还是记录下,以免再次出现这样的问题. demo 代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"

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

各种CSS样式设置细线边框

基础知识回顾 : cellspacing:单元格与单元格之间的边距:cellpadding:单元格内的内容与单元格边沿的边距简单实用的样式,设置所有的单元格为细线效果 <style type="text/css"> #tab1{ border-collapse:collapse;} #tab1 td{ border:1px solid #000000;} </style> <table width = "640px" id = &qu