记忆留樱 2016-07-19 05:46 采纳率: 69.2%
浏览 1695

css table 的边界控制，怎样显示指定部分的边界？

我想只显示图片所示的table的边界(红色部分边界)图片说明

但是我如果只设置td的边界来实现的话，即对td设置border-top等的话，由于td之间有间隔，border也会有间隔，如图：图片说明而且界面要求td之间的间隔保留，应该怎么实现只给指定几行几列加边框呢？

  • 写回答

1条回答 默认 最新

  • 斯洛文尼亚旅游 2016-07-19 05:54
    关注

    分成4个样式，每个样式分别控制一条边border-top,border-right.....

    评论

报告相同问题？

  • html css 控制div或者table等固定在指定位置的实现方法
    2020-12-13 19:52
    `属性防止了元素内容因固定定位而被裁剪，允许内容超出元素边界显示。 总结起来，实现HTML中的`div`或`table`固定在页面底部的方法主要依赖于CSS的`position:fixed;`属性，配合`z-index`、`bottom`、`left`和`width...
  • CSS边界线消失的问题详解
    2021-01-21 13:57
    如果是不需要兼容 IE8- ，那么使用 CSS3 新增的选择器无疑是一种好方法。 // 使用伪类选择器，选择第 3n 个元素去掉边框 li:nth-child(3n){ 　border-right:none; 　} 当然，如果个数确定也不多，给需要去掉右边框...
  • div+css table布局实现代码
    2021-01-21 12:35
    我的目的只是传达这个CSS技巧 许多网页设计师都喜欢，将两个或者多个容器等高的并排放置，并在里面展示每个容器的内容，就象经典表格布局中的单元格控制几个栏目的位置，也喜欢容器的内容居中或顶部对齐显示。...
  • 使用css如何操作Table没有外边框只有内边框
    2020-12-12 15:22
    在网页设计中，CSS（Cascading Style Sheets）是一种强大的工具，用于控制页面元素的样式，包括表格（Table）的布局和边框。当我们想要创建一个没有外边框只有内边框的表格时，可以利用CSS来实现。下面将详细解释...
  • CSS实现table td中文字的省略与显示(兼容IE与FF、Chrome)
    2020-12-13 04:20
    总结来说，CSS实现table td中文字的省略与显示，主要是通过组合使用`overflow`, `white-space`, `text-overflow`等属性，并考虑浏览器兼容性，来达到在有限空间内展示信息的目的。通过鼠标悬停时改变CSS样式，可以...
  • css border table,css table-border
    2021-08-03 19:45
    饭斯特Fanst的博客 1.table上设边框，td上设边框：table{border-right:1px solid #F00;border-bottom:1px solid #F00}table td{border-left:1px solid #F00;border-top:1px solid #F00}/*如果对table和td都设置了全边框，则中间的td与...
  • CSS（七）——CSS 列表和CSS Table（表格）
    2024-07-25 22:09
    神秘的博主的博客 如需控制边框和表格内容之间的间距，应使用td和th元素的填充属性 padding: XXpx;list-style-image 如果上述值丢失一个，其余仍在指定的顺序，就没关系。text-align属性设置水平对齐方式，向左 text-align:left;...
  • 前端css中table表格的属性使用
    2024-04-20 18:15
    小蜗牛764号的博客 今天学习到关于table（表格）的css属性，为了让学习更有趣以及回顾往日的学习内容，笔者除了描写关于基本的宽、高、间距等属性外，还添加了前几天的博文提到“:hover”伪类选择器的使用，transition(过渡)的使用，...
  • CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）
    2020-09-06 00:34
    为了解决这个问题，我们可以利用CSS来控制表格和单元格的行为。 1. 图片和图片描述的HTML结构： ```html <table class="mod_img" width="10" align="left" border="0" cellpadding="0" cellspacing="0"> ...
  • table中的超长字符串用省略号表示的css样式
    2020-12-02 00:45
    在网页设计中，有时我们需要对表格（table）内的超长字符串进行处理，使其在有限的空间内显示，并在超出部分用省略号（...）表示。这可以通过CSS样式来实现，以便保持表格的整洁和易读性。下面我们将详细讨论如何...
  • 没有解决我的问题, 去提问