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

最新推荐文章于 2023-04-06 08:20:02 发布
最新推荐文章于 2023-04-06 08:20:02 发布
阅读量2.5k 收藏 1
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/zhujiabin/p/4515048.html
版权 
<!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>

http://h.hiphotos.baidu.com/zhidao/pic/item/aa18972bd40735faa9aeea2c9c510fb30e2408cc.jpg

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

 

转载于:https://www.cnblogs.com/zhujiabin/p/4515048.html

weixin_30510153
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html中table固定头部表格tbody可上下左右滑动
01-19
当表格头部固定时，需要分为两个表格来做：一部分是thead，一部分是tbody，具体实现方式如下： html代码： <div class=table_box_big> <div class=table_box> <table> <th><div>标题一</div></th> <th><div>...
html 隐藏div HTML里隐藏表格TABLE或者DIV内容的css样式
12-13
另外突然想起几年前用过的一个隐藏样式代码，有些时候用它非常方便，比如想让某块表格TABLE或者DIV里的内容完全看不到，那就加上他，嘿嘿，就隐身了！红色这句加进去就可以了！写在这里做个记录！其实很简单！但很...
html显示为一条竖直线,不加任何HTML实现把最后一个竖线隐藏掉
weixin_33502035的博客
05-31 532
无标题文档ul, li {list-style:none;margin:0px;padding:0px;height:34px;}.tab {background:url(http://bbs.blueidea.com/attachment.php?aid=69556&noupdate=yes) 0 0;height:34px;line-height:34px;padding-left:4...
html去掉表格中心线,新手求去掉表格中间那条线！！！
weixin_33842051的博客
06-01 1039
该楼层疑似违规已被系统折叠隐藏此楼查看此楼做了一个登录页面的html，可是表格中间有一条线，求哪位大神可以帮忙改一下代码？？？谢谢！！！Online Account Access Login /*font style*/h1{ font-size:30px; font-weight:bold; }h2{ font-size:26px;}h3{ font-size:18px;}h4{ font-s...
html表格纵向线怎么去除,html5 消除表格线
weixin_34837898的博客
05-31 1715
慕标琳琳html中去掉表格边框线border="0"可以去除边框以下是关于border的一些相关资料:定义和用法border 属性在一个声明中设置所有边框属性。语法：Object.style.border=borderWidth borderStyle borderColorborderWidth 设置边框的宽度。 thinmediumthicklengthborderStyle 设置边框的样式。...
BootStrap表格去掉竖线保留横线
qq_43144825的博客
07-23 653
<style> #mytable tbody td{ border-right-style:none; border-left-style:none; border-top-style: none; } #mytable thead th{ border-right-style:none; border-left-style:none; border-top-style: n.
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 table表格边框的控制详细说明
01-19
只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=...
html table 边框线隐藏,HTML table 标签边框问题（隐藏表格边框、单元格边框等）...
weixin_28756005的博客
06-03 4426
一、表格的常用属性基本属性有：width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽，即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔，即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、 bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景...
HTML表格竖边框线,Table表格横竖线实现Css
weixin_34966742的博客
06-14 2623
.tablel{border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */border:solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */border-width:1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */}...
html表格取消内部竖线的五个步骤，实例在线
weixin_47378963的博客
04-06 1795
【代码】html表格取消内部竖线的五个步骤，实例在线。
CSS简介代码实现表格(table)只有横线没有竖线的效果，一个简约卡片化精美的数据表格(类似Bootstrap表格)
王佳斌
11-23 1万+
实现效果 简单来说先设置 table 的 border-collapse:collapse，把表格整体边框取消。然后设置 table,th,tr,td 底部边框线即可。 HTML： <table> <tr> <th>编号(ID)</th> <th>名称(Name)</th> &lt...
HTML中Table去掉两边的边框
Smile丶不忘初心
11-29 3万+
HTML中Table去掉左右两边的边框 .table {     text-align: center;   }   .table table {     font-size: 14px;     border-collapse: collapse;     width: 70%;     table-layout: fixed;     text-align: center;     line...
HTML5 CSS控制Table内外边框、颜色、大小示例
热门推荐
石虎
06-11 9万+
联系人:石虎 QQ:1224614774昵称:嗡嘛呢叭咪哄 QQ群:807236138群称:iOS 技术交流学习群 在默认的情况下，我们的CSS将Table的边框清除掉了，下面与大家分享下CSS控制Table内外边框、颜色、大小的样式，想学习的朋友可以参考下 其实按照常理来说，现在的网站应该早已经抛弃...
table中如何用css将表格线变成实线
weixin_34004750的博客
05-03 4143
利用在css中定义table{border-collapse:collapse; /*表示将单元格中各小格之间的空隙进行合并*/border:1px #00F solid; /*定义边框样式*/} 转载于:https://blog.51cto.com/8852672/1405767...
html表格取消内部竖线
05-25
要取消HTML表格中的内部竖线，可以使用CSS的border-collapse属性和border属性。 设置border-collapse为collapse可以将单元格边框合并在一起，而设置border为none可以将单元格边框去掉。 以下是一个示例CSS代码： ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值