当前位置:首页 > Css

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

happyfhb10年前 (2016-04-29)Css4570
摘要:在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边框和内边框做的非常好 ,效果如下! table{ background-color:#9C9;} td{ background-color:#CFC;}      &nb…

CSS/DIV网页设计视频教程

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

纯div+Css下拉菜单

纯div+Css下拉菜单

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

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

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

100% width CSS 在 iPad / iPhone Safari 背景被截断 / 显示不全

最近在做一个页面时,发现在 iPad 的 Safari 浏览器中背景显示不全,定位到该 div 后发现所指定 css 的宽度为 100% ; 到百度搜索后发现,safari 中&nbs…

评论列表

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

这个样式不错!~

发表评论

访客

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