边框为1px的table

最新推荐文章于 2021-05-07 21:18:52 发布
最新推荐文章于 2021-05-07 21:18:52 发布
阅读量562 收藏
点赞数
分类专栏： HTML CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/macfac/article/details/38084841
版权
CSS 同时被 2 个专栏收录
3 篇文章 0 订阅
订阅专栏
HTML
1 篇文章 0 订阅
订阅专栏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK" />
<title></title>
<style type="text/css">

table{


width:600px;
border-collapse:collapse;


}
tr{

height:30px;


}
td{

border:1px solid #ccc;
}

</style>
</head>
<body>
<table cellspacing = "0">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Y_JY
关注
专栏目录
css+table 1px边框单元格
10-30
### CSS + Table 1px边框单元格 在网页设计中，使用表格（`<table>`）来布局页面内容是一种常见的做法。为了使表格看起来更加美观、整洁，开发者经常需要为表格添加边框。传统的做法是通过设置表格背景和单元格背景...
让Table的TD有边框而Table右左没有边框的CSS样式
09-25
- 同样，也可以定义一个table类如“table1”，在该类中设置table的样式，然后在HTML的table标签中通过class属性引用该类。 4. HTML中的应用 - 在HTML中使用CSS类来应用样式。例如，在td标签中添加class="td3"，...
Table 1px边框
05-04 4822
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 定义表格边框的方法 table{ border-collapse:collapse; } td{ border:#ccc solid 1px; padding:5px; }
设置table边框为1px
weixin_43941291的博客
08-26 2543
第一种： 1、将table的属性设置为：BORDER=0 、cellspacing=1 ； 2、设置table的背景色为即你要设置的table的边框颜色； 3、设置所有td背景色为#ffffff白色； table { background-color:black; } td { background-color:white } 第二种方法： table { border-collapse: collapse; border: none; } td { border: solid
css实现table1px边框
diligentcat的专栏
09-08 1120
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 定义表格边框的方法 table{ border-collapse:collapse;
border为1px的table 以及 table中cellspacing、cellpadding的css替代写法
u014686861的专栏
11-27 3621
设置Table的细边框通常有这么三种方式（border为1px的table）：   （一）第一种方法 1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。这个方法有些邪气，看似不太正宗，但是也能达到效果，条条大路通罗马嘛！   （二）第二种方法   2、设置BORDER=0 ，再通过
CSS控制Table内外边框、颜色、大小示例
09-25
要为整个表格添加外边框，可以使用`.table`选择器，并指定边框样式、颜色和宽度。例如： ```css .table { border: solid 1px #add9c0; } ``` 这将在表格的外部创建一个1像素宽的实线边框，颜色为#add9c0。 3...
关于表格table嵌套,边框合并问题的解决方法
09-28
问题在于，当你为外层和内层表格都设置边框（如`border=1`），在浏览器渲染时，内外两层表格的边框会重叠，导致某些部分的边框显得较粗，而其他部分则较细，严重影响美观。这主要是由于浏览器默认的边框间距...
一个属性border-collapse解决Table的边框问题
09-25
.table th, .table td {border: 1px solid #ccc; padding: 10px;} ``` 在HTML中使用border-collapse属性对应的表格代码如下： ```html <table class="table"> <th>id 作者 书名 内容 分类 <td>...
border-bottom： 1px 在iOS端显示为2px
何良语的博客
03-10 1364
border-bottom： 1px 在iOS端显示为2px使用stylus创建一个函数创建一个适配，分别在不同的缩放情况下做出改变然后分别引如文件到App.vue中，并使用函数和类
1px边框的实现
Lonely0306的博客
05-07 235
.border { border: 1px solid #ccc; } @media screen and (-webkit-min-device-pixel-ratio:2) { .border { border: 0.5px solid #ccc } } @media screen and (-webkit-min-device-pixel-ratio:3) { .border { border: 0.3333px solid #ccc } }
设边框为1px的最简单方法-2006-6-26-2
柳永法的个人博客
06-26 797
设边框为1px的最简单方法1. Dreamweaver里Ctrl+Alt+T----->设置单元格间距为1px 即: cellspacing="1"2.Table bgcolor设为你想要的表格边框的颜色3.拖动选择所有单元格,设置背景为白色(你想要的颜色),4.完成
1像素表格(1px表格)的5种制作方法
菜刀舞的快一点，武林高手也是难以近身的。
11-01 218
在转载CSS觉问题及解决办法时看到的这样定义表格边框的方法，如果用表格的border="1"属性定义，实际显示的宽度要比1px粗。所以我直到现在都是定义table的left和top边框，然后定义td的right和bottom边框，这样也用css定义了一个表格的边框。没想到还有这么简单的方法，今天单独摘出来奉献给大家，希望能给您带来帮助。 &lt;!DOCTYPE html PUBLIC "-//W...
7种方法实现移动端屏幕1px边框效果
高先生的猫
05-30 1598
　　在Reina（视网膜）屏幕的手机上，使用CSS设置的1px的边框实际会比视觉稿粗很多。在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了，UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样。没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是为什么。所以查了很多资料，终于搞懂了这个问题，并且总结了几种方法。 造成边框变粗的原因 其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelR
解决css边框1px
西风XF的博客
07-26 1514
解决css边框1px问题
制作1px表格边框的十种方法（html和css）
兰染
05-12 7185
第一种： 使用1*1的图片，来填充单元格背景，并设置单元格的宽度，高度为1px 第二种： 第三种：利用二级表格 www.blueidea.com 第四种：利用单元格背景填充 www.blueidea.com 第五种：利用亮边框和暗边框 <table width="200" height="100" border="1" borde
浅谈如何正确给table加边框
denghut882925的博客
06-05 917
一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式 <style> table,table tr th, table tr td { border:1px solid #0094ff; } table { width: 200px; min-height: 25px; line-height: 25px...
表格边框为3px的代码
最新发布
06-09
可以使用以下 CSS 代码设置表格的边框为3px宽： ```css table { border: 3px solid black; border-collapse: collapse; } ``` 其中 `border` 属性用于设置边框的宽度、样式和颜色，`border-collapse` 属性用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Y_JY

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值