cssborder(cssborder虚线边框)

我不是女神ヾ 2023-09-26 13:09 8阅读 0赞

## css border有哪些效果 ##

border-width

规定边框的宽度。

border-style

规定边框的样式。

border-color

规定边框的颜色。表格有这几种标签，写法可以是：如果你想让写的css样式在tr上生效，就必须在tr上写一个class样式，而不是在table标签上。 如果我的回答对你有用，可以采纳哦。

![cssborder][]

## css的border-collapse两个值有什么区别 ##

border=0并不会实现这个效果

我今天也一直想这个问题

我觉得是这样的，table它本身具有特殊属性cellspacing单元格间距，单元格之间是默认存在间距的，所以无论是table border=0还是将th,td margin=0,都不会实现边线合并的效果，两个边线之间永远存在间隙。

而border-collapse : collapse这个属性能够实现

个人理解，欢迎指正border-collapse共有三个值：border-collapse：separate | collapse | inherit

它们各自的含义是:

separate：

默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。seperate 的边框如下：

||||

||||

collapse 的边框如下:

||(两个相邻单元格的相邻边合并了)border-collapse共有三个值：border-collapse：separate | collapse | inherit

它们各自的含义是:

separate：

默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。

collapse：

如果可能，边框会合并为一个单一的边框。会忽略border-spacing 和 empty-cells 属性。

inherit：

规定应该从父元素继承border-collapse属性的值。

border-collapse的用途

border-collapse属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示separate : 默认值。边框独立(标准HTML)

collapse : 相邻边被合并

表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开

[cssborder]: https://img-blog.csdnimg.cn/img_convert/f170f6ae61ea00cc0afcf34a82a12976.jpeg

发表评论取消回复

表情：

评论列表（有 0 条评论，8人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS画虚线------

直接上代码了 // 画虚线 // 创建一个imageView 高度是你想要的虚线的高度一般设为2 UIImageView lineI

偏执的太偏执、/ 2023年10月17日 16:27/ 0 赞/ 26 阅读

相关 cssborder(cssborder虚线边框)

css border有哪些效果 border-width 规定边框的宽度。 border-style 规定边框的样式。 border-color 规定边框的颜色

我不是女神ヾ/ 2023年09月26日 13:09/ 0 赞/ 9 阅读

相关纯CSS实现可自定义间距虚线边框

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

约定不等于承诺〃/ 2023年03月13日 11:43/ 0 赞/ 8 阅读

相关 php虚线园的代码,canvas画虚线圆

本文要实现的图形 ![bVFVJg?w=121&h=122][bVFVJg_w_121_h_122] 一个简单的占比统计。。实现的方案是html js合成首先是简单

本是古典何须时尚/ 2023年01月17日 04:55/ 0 赞/ 293 阅读

相关 Android 虚线框背景

做一个虚线背景 <?xml version="1.0" encoding="utf-8"?> android:shape="rectangle" > a

绝地灬酷狼/ 2022年10月10日 04:57/ 0 赞/ 223 阅读

相关 html下划线虚线样式,CSS不同样式的虚线下划线

CSS不同样式的虚线下划线 body\{margin:0px;padding:0px;font-size:9pt;background-color:\EEEEEE;\} .

清疚/ 2022年10月06日 10:53/ 0 赞/ 16 阅读

相关超链接 a标签虚线框虚线去除虚线框

当一个链接得到焦点时，默认会有个虚线框。如图： ![链接虚线框][hide-link-outline.gif] 在 Firefox 里可以用 -moz-outline:no

短命女/ 2022年09月30日 03:54/ 0 赞/ 240 阅读

相关 html2canvas 实现dashed虚线边框

html2canvas是一个将html元素生成canvas的库，绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12，虚线边框依然绘制为实线，bord

深藏阁楼爱情的钟/ 2022年04月10日 11:59/ 0 赞/ 213 阅读

相关 canvas 绘制虚线

一.分析原理是：求出AB点之间的长度，再设置虚线的长度dashLength，把AB是我长度/虚线长度dashLength 就是虚线数量，根据虚线数量，长度就可以得到当第i个

阳光穿透心脏的1/2处/ 2021年09月12日 01:36/ 0 赞/ 654 阅读

相关 css如何利用实现虚线边框滚动效果

css如何利用实现虚线边框滚动效果

小灰灰/ 2020年04月26日 07:02/ 0 赞/ 999 阅读