html里的table如何在表格内部保留表格横线的同时去掉表格里的竖线

最新推荐文章于 2021-12-03 18:23:29 发布
最新推荐文章于 2021-12-03 18:23:29 发布
阅读量7.1k 收藏 2
点赞数 1
文章标签： xhtml javascript ViewUI 
<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

table{

border-collapse:collapse;//表格单元格间距样式

border:1px solid #0F0;

}

tr{border:1px solid #0F0;}

td{

border:0px;}

</style>

</head>

<body>

<table width="200">

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

</body>

</html>

https://i-blog.csdnimg.cn/blog_migrate/e6b494f818f8a7a86ba699f9bff0fe5b.jpeg

table竖线去除：
<table frame=hsides>
style="border-left-style: none; border-right-style: none; "

 

weixin_34000916
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML中横线的运用方法
m0_67846661的博客
05-18 7787
一、作系列横单线 　　在这个例子中，用到了表格主标题标记<caption>，它的语法如下： <caption align=left|center|right valign=top|bottom> 　　align和valign分别用于设定标题的水平位置和垂直位置。align的默认值是center；valign的默认值是top。利用<caption>标记可以方便地在紧靠边表格的顶部或底部写上文字，且居中，若用其它办法要麻烦得多。另外在本例中能使表格产生单线效果是设置了<
html网页中在一个表格中去除部分表格线
herenoname的博客
01-26 2万+
关键点：先合并可合并的单元格要将定义的style样式放在td（单元格）中，不能放在tr（行）中否则表格线不能完全隐去（需要显示表格线的可将style样式放在tr中） 一、head中的部份样式示例（可根据左右上下边框的需要或单元格中字体的大小任意设置，table样式是关键不能更改） table { border-collapse: collapse; border-width: 0p
HTML表格竖边框线,Table表格横竖线实现Css
weixin_34966742的博客
06-14 2629
.tablel{border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */border:solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */}...
HTML画表格table边线重合问题（border-collapse: collapse；）
黄彪博客
12-03 7860
文章目录一、参考问题描述解决思路一、使用DIV + CSS二、使用table border-collapse案例 一、参考 CSS border-collapse 属性 问题描述 工作中，需要画一个表格，需要显示border,于是使用DIV+CSS的方式，如果设置“border: 1px solid red”的样式，结果div重合的地方就会出现2倍的边线，与设计不符 解决思路 一、使用DIV + CSS 如果一定要使用DIV+CSS, 则需要区分第一行 、 最后一行 、第一列、最后一列 、中间表格的
HTML Table设置无边框、无分割线
热门推荐
oYinGui1
09-13 6万+
HTML Table设置无边框、无分割线无边框<table id="tbl" border=1 width="80%" frame=void ></table>​ frame属性指定了对于边框显示的规则，其中可以选择的设置有如下几项： void 设置无边框； above 只显示上边框； below 只显示下边框； vsides 只显示左右边框； hsides 只
html中table固定头部表格tbody可上下左右滑动
01-19
当表格头部固定时，需要分为两个表格来做：一部分是thead，一部分是tbody，具体实现方式如下： html代码： <div class=table_box_big> <div class=table_box> <table> <th><div>标题一</div></th> <th><div>...
layui-高级表格-soul-table功能-HTML源码
最新发布
10-02
而soul-table是layui的一个扩展组件，它为表格提供了更丰富的功能和定制化选项，使得在HTML中构建高级表格变得更加轻松。本文将详细介绍layui-soul-table的功能及其HTML源码的使用方法。 首先，layui-soul-table的...
解决iview table组件里的 固定列 表格不自适应的问题
01-18
当在使用iview Table组件里固定列功能时 出现表格不自适应宽度问题 具体如下 解决这个bug 很简单 把组件里的 width 改为 minWidth 即可 columns: [ { title: '账户名', key: 'accountName', fixed: 'left', ...
html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式
12-13
另外突然想起几年前用过的一个隐藏样式代码，有些时候用它非常方便，比如想让某块表格TABLE或者DIV里的内容完全看不到，那就加上他，嘿嘿，就隐身了！红色这句加进去就可以了！写在这里做个记录！其实很简单！但很...
HTML 自动伸缩的表格Table js实现
12-12
下面的代码解决了这个问题：当表格被载入的时候，TD的宽度是原定的长度，不会撑开TD，也不会影响其他TD，点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。【优点】 1、对开发人员指定...
html表格纵向线怎么去除,html5 消除表格线
weixin_34837898的博客
05-31 1718
慕标琳琳html中去掉表格边框线border="0"可以去除边框以下是关于border的一些相关资料:定义和用法border 属性在一个声明中设置所有边框属性。语法：Object.style.border=borderWidth borderStyle borderColorborderWidth 设置边框的宽度。 thinmediumthicklengthborderStyle 设置边框的样式。...
html表格中加横线,html css 设置表格单元格横线
weixin_28728715的博客
05-30 2024
html代码质控参数样本样本标准对照对照XX≥20%不适用不适用CSS代码/*模拟对角线*/.line {background: #234390 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lI...
html（frame和table的只有横线）
liu904139492的专栏
04-05 4702
work05.html                          main.html              类型        待办待办事项        创建人        创建时间        到期时间        操作                    BUG管理        BUG分配        李槟
【前端笔记】在HTML中画一条横线和IE10支持引用的CSS文件
Coder的不平凡
10-02 1万+
首先大家国庆节快乐啊~~~ 这是我第一个在省外的国庆节，毕竟今年毕业了哇，奋斗的我们要加油~~~ 最近我会不断总结上一个WEB项目所用到的前端知识，和大家一起分享哈~~~在HTML中画一条横线和IE10支持引用的CSS文件
怎么用HTML表格中加上线条,如何在html的表格中加入边框线
weixin_39879881的博客
05-31 6976
html的表格中加入边框线方法：一、如何在html的表格中加入边框线只对table标签设置border(边框)样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。案例详细如下：1、对应css代码.table-atable{border:1pxsolid#F00}/*css注释：只对table标签设置红色边框样式*/2、对应html代码片段站名网址说明DIVCSS域名CSS...
HTML控制表格边线显示。
sun0322
01-28 1万+
前言： 如果我们想让一个表格有黑色的边线，很容易实现。 使用以下代码即可。 table { border-collapse:collapse; } table, td, th { border:1px solid black; } 但是这样的表格我们是无法任意空中边线的显示的。 比如我们想让表格的右上角不显示。 这时，我们就要一点一点画出表格的边线
html中横线的一些用法
xcl119xcl的专栏
07-27 2万+
<br />一、作系列横单线<br /><br />　　这是系列横单线试验，效果还好吧？ <br />　　在这个例子中，用到了表格主标题标记<caption>，它的语法如下：<br /><caption<br />align=left|center|right<br />valign=top|bottom><br />　　align和valign分别用于设定标题的水平位置和垂直位置。align的默认值是center；valign的默认值是top。利用<caption>标记可以方便地在紧靠边表格的顶部或底部写
html table 边框和分割线显示和隐藏问题
gumi123的专栏
07-08 1万+
只显示上边框         只显示下边框           只显示左、右边框         只显示上、下边框         只显示左边框         只显示右边框         不显示任何边框              可以隐藏横向的分隔线             可以隐藏纵向的分隔线             可以隐藏横向和纵向的分隔线 http://
html表格取消内部竖线
05-25
要取消HTML表格中的内部竖线，可以使用CSS的border-collapse属性和border属性。 设置border-collapse为collapse可以将单元格边框合并在一起，而设置border为none可以将单元格边框去掉。 以下是一个示例CSS代码： ``` table { border-collapse: collapse; } td, th { border: none; } ``` 将上述CSS代码添加到HTML文件中的style标签内，即可将HTML表格中的内部竖线取消。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值