html表格中两行文字中间加一根虚线怎么实现?

html表格中两行文字中间加一根虚线怎么实现?,第1张

你用<ul><li>这里是新闻标题</li><li>这里是新闻标题</li><li>这里是新闻标题</li><li>这里是新闻标题</li><li>这里是新闻标题</li></ul>这样的形式布局就很简单实现了样式控制一下li的下边框虚线,然后高度,行高,边框颜色

标签本身属性只有align、noshade、size、width;\x0d\x0a并不包含线的样式,要想展示为虚线,只能通过css实现;\x0d\x0a例如:\x0d\x0a \x0d\x0a\x0d\x0a注:dashed就表示虚线;其它选择还有none:无样式;dotted:点线;solid:实线;double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸。

你可以参考 border-style 的属性 。用hr 标记 border的属性为虚线就可以了

<hr style="border:1px dashed #ff0000"/>

或者更多专爨业解答前端学xí群 497187010

none定义无边框。

hidden与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。

dotted定义点状边框。在大多数浏览器中呈现为实线。

dashed定义虚线。在大多数浏览器中呈现为实线。

solid定义实线。

douВLe定义双线。双线的宽度等于 border-width 的值。

groove定义 3D 凹槽边框。其效果取决于 border-color 的值。

ridge定义 3D 垄状边框。其效果取决于 border-color 的值。

inset定义 3D inset 边框。其效果取决于 border-color 的值。

outset定义 3D outset 边框。其效果取决于 border-color 的值。

inherit规定应该从父元素继承边框样式。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7585281.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存