当前位置:首页 > Css

css如何让表格table的边框为1像素

happyfhb11年前 (2016-04-29)Css4636
摘要:在Html中使用table是网页制作中必不可缺的一部分,如果直接给css设置table里面的td边框为1像素的话,那么实际我们从网页上看到的效果却不是1像素。那么我们怎么用css让table的边框为1像素呢?其实很简单,给table使用css样式 border-collapse: collapse;…

在Html中使用table是网页制作中必不可缺的一部分,如果直接给css设置table里面的td边框为1像素的话,那么实际我们从网页上看到的效果却不是1像素。

那么我们怎么用css让table的边框为1像素呢?

其实很简单,给table使用css样式 border-collapse: collapse;

这个样式的意思就是“为表格设置合并边框模型”

这个属性经测试,支持一下浏览器:

.Tablechandaoadd {border-collapse: collapse; width:100%;}
.Tablechandaoadd td {padding: 5px;    border:1px solid #aaa; width:auto;}


扫描二维码推送至手机访问。

版权声明:本文由海海日记-冯海滨博客发布,如需转载请注明出处。

本文链接:http://www.fenghaibin.com/?id=1213

“css如何让表格table的边框为1像素” 的相关文章

网页高亮显示CSS代码

网页高亮显示CSS代码

今日在好友没有面包得猪得博客(http://www.html-css.cn)上看到一个效果非常得棒贴出来给大家看看。这个效果得特点就是基本上和css编辑工具相像,很清晰明了得看见CSS架构。而且和编辑器里差不多,非常养眼。而且也比较容易复制,总起来说是非常得好,呵呵!通过没有面包的猪得指导我也做出来…

最简单的tab菜单效果

最简单的tab菜单效果以前自己不会的时候总觉得别人做的tab菜单很高深看不懂里面的代码 可是自己真正去研究的时候发现也就是那么回事。下面把我做的按列拿上来 共大家参考。在配合一些css美化才漂亮,这里只是演示。几乎所有的tab菜单都是基于此原理的。下面是代码。大家可以研究下。 function tr…

CSS/DIV网页设计视频教程

 CSS基础知识与核心概念CSS初探 - CSS基本知识 - 第1课CSS基本语法与核心概念 - CSS基本知识 - 第2课设置丰富的文字效果 - CSS基本知识 - 第…

鼠标放上去点击图片

鼠标放上去点击图片

 鼠标放上去点击图片.rar 非常好的css样式。…

纯div+Css下拉菜单

纯div+Css下拉菜单

 纯div+Css下拉菜单 请在下方下载经典下拉菜单.rar …

父级div height:auto无效解决办法

一种可能情况因为父div中的div处于浮动状态。浮动是会脱离文档流的,内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动,可以把他们“拉”回来。…

评论列表

投票
8年前 (2019-02-10)

这个样式不错!~

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。