html table上下边框颜色与左右边框颜色设置

最新推荐文章于 2024-08-07 02:17:51 发布
最新推荐文章于 2024-08-07 02:17:51 发布
阅读量4.6k 收藏 11
点赞数 3
分类专栏： css 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37632896/article/details/125513413
版权

问题

要求如图所示：表格只显示上、下线边框 且 为蓝色 ，去掉左右边框，表格内部为灰色

table的borde设置

可以去掉左右边框

在table中上面显示蓝色若设置成  border-top: 1px solid #409EFF;可以实现

但下面设置为 border-bottom: 1px solid #409EFF; 则会有冲突 全部变为一个颜色

 解决办法

在table外层设置一个类 则可以实现效果

 

 如图

柠梓檬
关注
专栏目录
Table显示你要显示的边框代码
12-14
9. **bordercolor**: 设置表格边框的颜色，覆盖默认颜色。 接下来，我们讨论表格内部分隔线的属性`rules`： 1. **rules=cols**: 只显示列之间的分隔线，隐藏行间的分隔线。 2. **rules=rows**: 只显示行之间的分隔...
table 如何给tr border颜色
weixin_34221036的博客
03-24 1179
border-collapse属性值 说明 separate 默认值，边框分开，不合并 collapse 边框合并，如果相邻，则共用一个边框   table,th,td{border:1px solid gray} table{border-collapse:collapse;} 只有collapse才能设置border颜色 如下...
table边框颜色设置!
心似海
11-25 1万+
style= "border:1px solid #000000;border-right-color:#FF0000;" 整体加边框: border:1px solid #000000;   1PX为边框大小,#000000为颜色! 只给某一边加边框: 右边框 border-right-color:#FF0000; 左边框 border-left-color:#FF0000; 上边框 borde...
HTML中正确设置表格table边框border的三种办法
最新发布
weixin_37087311的博客
08-07 751
html中如果设置table的border为1px，实际会产生双线，十分不美观，那么在HTML中如何正确设置表格table边框border呢？第一种方法：　　1、将table的属性设置为：BORDER=0 、cellspacing=1 ；　　2、设置table的背景色为即你要设置的table的边框颜色；　　3、设置所有td...
css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式
weixin_32946431的博客
06-11 6512
设置表格边框样式的方法：1、给table元素添加“border:边框宽度 边框样式 边框颜色”样式，可给整个表格设置边框样式；2、给td元素添加“border:边框宽度 边框样式 边框颜色”样式，可给每个单元格设置边框样式。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。CSS如何设置table表格边框样式对table设置css样式边框，分为几种...
table的边框颜色设置
heidoutwenty的博客
03-08 1594
<table width="50%" style="border: 1px solid #20B2AA"> </table>   整体边框：border: 1px solid #20B2AA 1px为边框大小，solid 为实线边框，#20B2AA为颜色 只给某一边加边框： 右边框： border-right-color:#20B2AA; 左边框： borde...
bootstrap3表格边框颜色
zautumn的专栏
11-12 9691
做打印需要把边框颜色修改为黑色：
修改el-table表格单元格边框颜色
为人民服务
04-01 5483
第一步：设置除表头单元格边框样式。第二步：设置表头单元格边框样式。第三步：单独给表格加样式。
Html_的table_边框设置
03-04
- **定义**：为了制作一个简单的1px表格，只需要定义表格或单元格的边框宽度为1，并指定边框颜色和样式。 - 示例代码： ```css table, td { border: 1px solid teal; } ``` ##### 2.粗边框的1px表格 - **定义...
HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
12-13
HTML表格是网页设计中不可或缺的一部分，它用于组织和展示数据。在HTML中，表格由`<table>`元素创建，而单元格（td）是表格的基本组成单元，它们...为了创建现代、语义化的网页，我们应该转向使用CSS来控制边框颜色。
HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK
09-28
这里，`border-color` 属性接受四个值，分别代表上下左右的边框颜色。对于暗边框效果，第一个和第三个值相同，第二个和第四个值相同。 总的来说，`BORDERCOLORDARK` 是一个非标准的HTML属性，用于定义表格行的暗...
微信小程序实现的绘制table表格功能示例
10-17
例如，`.tle`类设置了表格顶部的边框，`.ae`类用于设置行的对齐方式，`.wc`类定义了单元格的样式，`.a-y`类用于突出显示行头。 ```css .tle { border-top: 1px solid #ebc450; margin: 20rpx 0; border-left: 1...
table布局中的一些关键点
weixin_34301307的博客
04-20 219
  【table布局点1:表格边框】 border-spacing:0; border-collapse:collapse; 　　显示效果为： 加之前效果 加之后效果 【table布局点2:跨列、跨行的单元格】 1 &lt;html&gt; 2 3 &lt;body&gt; 4 5 &lt;h4&gt;横跨两列的单元格：&lt;/h...
html样式表控制表格,HTMLtable表格边框的控制详细说明表
weixin_35182419的博客
06-03 742
详解HTML中table表格边框如何控制html中table表格边框的熟练掌握可以作出很好的效果，本文我们就来详细讲解一下table的边框控制方法。 表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。 只显示上边框 只显示下边框 只显示左、右HTML代码中关于table的边框控制以及单元格艰巨1.若有一个1行1列的表格，设置table属性，使得他的左...
html表格中的线条颜色怎么改,html表格边框颜色怎么设置_WEB前端开发
weixin_29343187的博客
06-03 5267
ps中返回上一步快捷键是什么_WEB前端开发ps中返回上一步快捷键是Ctrl+Z。Ctrl+Z意思为撤销，即可以实现返回上一步的效果，Ctrl+Z快捷键可用在大部分软件中，不仅仅是ps。table表格是网页制作中以前较常使用的一种布局方式，但随着DIV+CSS的兴起，table表格已辉煌不在。但它在我们制作网页中也是时有用到。table表格也可以使用DIV一样随意的设置它的边框颜色。 html表格...
Html：正确给table表格加边框
热门推荐
彭世瑜的博客
04-17 4万+
【代码】Html：正确给table表格加边框。
表格边框颜色
xjinza的专栏
11-17 2242
为什么碰到表格我都想记录一下，:) 这次是关于表格边框的，碰到问题后也折腾了一小会儿才完成，记录后可能会记得更加牢固。 一 表格的外观及结构   HTML 代码如下：     table border="1">         tr>             td class="bkf0">发布日期：/td>             td>2010-11-
【HTML技巧】表单中点击后出现蓝色边框和白色背景问题的解决
weixin_45522625的博客
10-07 1476
一、出现蓝色边框 原因是文本框有个outline属性 outline = none; 就可以去除掉这个蓝色的边框 二、输入后出现白色背景 资源来源：https://blog.csdn.net/Dj_Fairy/article/details/84942683 用这一串样式就能搞定，但是我不知道为啥，网上也没查到相关资料 .input:-webkit-autofill{-webkit-text-f...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值