CSS定义表格边框大全(细线/虚线/点线)

最新推荐文章于 2023-01-30 10:56:54 发布
最新推荐文章于 2023-01-30 10:56:54 发布
阅读量2.2k 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/miaozk2006/article/details/82416630
版权

定义表格边框全部为1 边框颜色 #C7C7C7

.tb1{ border:1px solid #C7C7C7;}

定义表格边框 左1 下1 左1 右1 (实际同上) 边框颜色 #C7C7C7

.td2{ border-top:1px solid #C7C7C7; border-bottom:1px solid #C7C7C7; border-left:1px solid #C7C7C7; border-right:1px solid #C7C7C7;}

定义表格边框为1,上边框为0 边框颜色 #C7C7C7 下边框颜色为 #888888

.td2{ border:1px solid #C7C7C7; border-top:0px; border-bottom:1px solid #888888}

定义表格边框虚线

.tb1{ border:1px dashed #C7C7C7;}

定义表格边框点线

.tb1{ border:1px dotted #C7C7C7;}

 

相关链接推荐：

  更多网页装饰

【引用】装饰你的博客代码大全

CSS定义表格边框大全(细线/虚线/点线)

博客文章加线框/表格

HTML表格线控制

隐藏表格分隔线

表格制作的常见问题和解决方法 

miaozk2006
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap CSS布局之表格
08-31
主要为大家详细介绍了Bootstrap CSS布局之表格的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
纯CSS 做的虚线表格
11-16
不知道用这么做好的，还是蛮可以的，只是行不要列，其实还可以用其他方法的。这个相对简单吧。只要设置Table属性就可以了。
CSS 边框属性
xyjikl
06-30 1514
CSS 边框属性 属性 描述 border 简写属性，用于把针对四个边的属性设置在一个声明。 border-style 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。 border-width 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。 border-color
CSS实现虚线
小二丶的博客
01-30 2179
css 画虚线
CSS---手机端如何实现细、1px、0.5px边框
COCOLI_BK的博客
01-05 1613
直接采用0.5px，使用方便，兼容性差。不推荐使用用阴影代替边框，设置阴影box-shadow,基本上可以实现，也可展示圆角。兼容性一般给元素设置伪元素，设置绝对定位，高度为1px,背景图为线性渐变，一般有颜色，一般透明。视觉上宽度只有0.5px。只适合设置一条边框，不能展示圆角给容器内设置伪元素，设置绝对定位，宽、高是200%，边框是1px，然后使用transformscale(0.5);让元素缩小一半，这时候伪元素的边框和容器的边缘重合，视觉上宽度只有0.5px。源地址网址。...
CSS 边框样式
Serena_tz的博客
03-15 870
border-style 属性指定要显示的边框类型。 允许以下值： dotted - 定义点线边框 dashed - 定义虚线边框 solid - 定义实线边框 double - 定义双边框 groove - 定义 3D 坡口边框。效果取决于 border-color 值 ridge - 定义 3D 脊线边框。效果取决于 border-color 值 inset - 定义 3D inset 边框。效果取决于 border-color 值 outset - 定义 3D outset 边框。效果取决于 bord
CSS实现虚线的方法
saltlike的博客
02-14 4万+
方法一：利用边框的dotted或者dashed样式实现虚线 使用dotted或dashed边框实现的虚线是有区别的： dotted边框：是用一个个点(dot)组成的虚线； dashed边框：是用一个个破折号(dash)组成的虚线； <style> .box { margin: 20px; padding: 10px 30px; width: 200px; } .card1 { border: 1
表格边框以虚线显示的css样式
12-08
复制代码代码如下: <style> .table5{text-align:center; border:1px solid #cccccc; border-radius :3px; background-color:#FFFFFF; width:650px;} .table5 td{border-bottom:1px dashed #cccccc;...
【 border虚线】CSS border虚线边框属性教程
04-11
学习之路不可停止，最近在研究CSS，今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程，教大家如何使用css制作网页中的虚线，巩固CSS border属性使用方法，感兴趣的同学可以参考一下。
css 解决表格边框不显示的问题
12-09
其实只要在表格中加了一句代码就可以。 style="border-collapse: collapse" 复制代码代码如下: ”1″ width=”100%” id=”table1″> <tr> <td>　</td> <td>　</td> <td>　</td> <td>　</td> </tr> <tr> <td> </td>...
DIV+CSS实例虚线边框|CSS虚线下划线及虚线用应
01-21
1、CSS边框虚线 – TOP 这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度（css width）为350像素是为了便于观看演示 其它意思。 一、四边为虚线边框 复制代码代码如下:border:...
css 实现虚线效果的3种方式详解
老司机的后备箱
10-19 2万+
包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
css怎么设置table表格的边框为单线边框？（代码详解）
热门推荐
沈行的博客
08-14 5万+
table表格边框怎么设置为单线边框？本篇文章就给大家介绍一种css设置table表格的边框为单线边框的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。 首先我们来看看给table表格添加边框后，它的默认效果： 1 2 3 4 5 6 table,table td{ border...
CSS设置表格的边框
天高任鸟飞
10-16 8921
CSS设置表格的边框           HTML中标记，其中有很多关于表格边框的属性。           Border属性用于设置表格边框的粗细，当值为0时，表明表格没有边框。           Bordercolor属性设置表格边框的颜色，采用十六进制的颜色RGB模式，但是，两个浏览器对该属性的支持有明显的差别，因此，不推荐使用。
使用CSS实现可修改虚线长度的虚线边框
qq_41456318的博客
07-27 3116
最近美工提了一个问题，能不能修改虚线边框的虚线长度？抱着试一试的心态，我去stockoverflow搜了一下，发现可以使用background-image+background-position+background-size+background-repeat实现这个需求。实现了第一条，剩下的就简单了，只需复制粘贴并小小修改一下就能让这个方块被虚线包裹了。该示例会绘制一个宽高为100px、背景色为黑色的方块，这个方块的顶部有一条白色的虚线。...
CSS定义表格边框大全(细线/虚线/点线)(转贴)
绿毛虫Blog
08-14 5937
CSS定义表格边框大全(细线/虚线/点线)2007年01月11日 星期四 18:28 定义表格边框全部为1 边框颜色 #C7C7C7 .tb1{ border:1px solid #C7C7C7;}
点线CSS
qq_36358940的博客
01-01 1965
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .container { margin: 100px auto; display: block; width: 300px; } .dot-line { width: 10px; height: 100px; display
css 表格边框 重叠
最新发布
08-30
CSS表格边框重叠是指当多个单元格的边框样式和宽度相同时，它们的边框会重叠在一起显示，导致内容难以区分和阅读。这种情况通常发生在相邻单元格边框样式相同的情况下。 要解决CSS表格边框重叠问题，可以使用以下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值