html中表格边框好看的样式,table完美css样式 table表格边框样式

蕃薯耀2016年6月15日星期三

一、的css样式

边框线不会重复叠加，不会有些粗有些细，全部统一。

/**/

/*-moz--;

--border-radius:5px;

border-radius:5px;*/

width:100%;

border:solid#333;

border-width:1px0px0px1px;

font-size:#333;

border-collapse:collapse;

border-spacing:0;

}

table.default-tabletbodytr{

height:20px;

line-height:20px;

}

table.default-tabletbodytr.odd{

background-color:#fff;

}

table.default-tabletbodytr.even{

background-color:#F5F5F5;

}

table.default-tabletbodytr:hover{

background-color:#eee;

}

table.default-tabletbodytrth,table.default-tabletbodytrtd{

padding:3px5px;

text-align:left;

/*border:1pxsolid#ddd;*/

border:solid#333;

border-width:0px1px1px0px;

}

table.default-tabletbodytrth{

font-weight:bold;

text-align:center;

}

table.default-tabletbodytrtd.tac{

text-align:center;

}

table.default-tabletbodytrtda:hover{

color:#0080c0;

}

/*tableend*/

二、使用方法

tableclass="default-table"

th序号/th

th产品名称/th

th规格/th

th数量/th

th单位/th

/tr

tdclass="tac"1/td

td这是标题这是标题这是标题这是标题这是标题这是标题/td

tdclass="tac"AAA/td

tdclass="tac"6/td

tdclass="tac"个/td

/tr

/c:forEach

/table

三、Demo展示

html中表格边框好看的样式,table完美css样式 table表格边框样式相关推荐

html实现游戏鼠标样式,巧妙运用CSS立刻改变鼠标的样式
巧妙运用CSS立刻改变鼠标的样式互联网发布时间:2008-10-17 19:27:05 作者:佚名我要评论用惯了Windows的人对各种各样的鼠标样式一定不会陌生.当鼠标移动到不同 ...
html链接不同状态样式,如何用css为超链接设置不同样式
如何用css为超链接设置不同样式 css设置超链接的样式可以使用伪类来实现,使用link来设置正常链接的样式,visited设置访问过的链接样式,hover设置鼠标悬浮时的样式,active设置鼠标点 ...
html中after对应的样式怎么写,css – 如何创建内联样式：before和：after
我从 http://www.ilikepixels.co.uk/drop/bubbler/生成一个泡沫聊天在我的页面,我把一个数字里面 .bubble { position: relative; w ...
css里给文字加下划线代码,css添加文字下划线样式的方法
css添加文字下划线样式的方法发布时间:2020-08-31 13:54:27 来源:亿速云阅读:65 作者:小新这篇文章将为大家详细讲解有关css添加文字下划线样式的方法,小编觉得挺实用的,因 ...
php表格好看样式,怎么用css制作好看的表格？【示例】
本篇文章将要给大家详细介绍如何用css制作出好看又简洁的HTML表格.相信大家在接触过HTML相关知识后,或多或少都会自己写点小代码,写个小效果.就比如table表格,我们在浏览各个网站时,总能看到各 ...
谷歌浏览器显示oracle,css让table不显示边框的代码在火狐和谷歌浏览器中无效
css让table不显示边框的代码在火狐和谷歌浏览器中无效发布时间:2013-06-26 17:12:32 作者:佚名我要评论在css中已经写好了使table不显示边框的代码,在ie浏览 ...
c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
table的td、th的一些样式问题（宽度，边框，滚动条）
1. 给table加边框 table{border-collapse: collapse; /*表格的边框合并为一个单一的边框*/ } table, table tr th, table tr td ...
关于table中一个隐藏的tr，改为显示后与其他tr样式不一样的问题
问题:使用谷歌浏览器table中一个隐藏的tr,改为显示后与其他tr样式不一样的根据来源的选择,改变下面输入框的类型和数量,微信号格式与其他tr不一致.显示如下: 解决方案: display 属性的 ...

html中表格边框好看的样式,table完美css样式 table表格边框样式

html中表格边框好看的样式,table完美css样式 table表格边框样式相关推荐

最新文章

热门文章