HTML怎么设置双实线

HTML怎么设置双实线,第1张

实线:. <p style=border-style:double>双线式边框</p>如:.cc {border:4px #39F double}

其它:

<p style=border-style:none>无边框</p>

<p style=border-style:dotted>点线式边框</p>

<p style=border-style:dashed>破折线式边框</p>

<p style=border-style:solid>直线式边框</p>

<p style=border-style:double>双线式边框</p>

<p style=border-style:groove>槽线式边框</p>

<p style=border-style:ridge>脊线式边框</p>

<p style=border-style:inset>内嵌效果的边框</p>

<p style=border-style:outset>突起效果的边框</p>

要给盒子设置下边框15像素,双实线黄色的边框,可以使用HTML的style属性进行设置,具体方法如下:

<style>.box { border-bottom: 15px solid yellow border-bottom-style: double

}</style>

或者也可以直接在HTML元素的style属性中进行设置,如:

<div style="border-bottom: 15px solid yellowborder-bottom-style: double">这是一个盒子</div>

在这种情况下,border-bottom属性用于设置下边框的宽度和颜色,border-bottom-style属性用于设置下边框的样式,double值表示双实线。

注意:这里的颜色值可以是颜色名称(如yellow),也可以是十六进制颜色值(如#FFFF00)或RGB颜色值(如rgb(255, 255, 0))。

<hr>标签本身属性只有align、noshade、size、width;

并不包含线的样式,要想展示为虚线,只能通过css实现;

例如:

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

注:dashed就表示虚线;其它选择还有none:无样式;dotted:点线;solid:实线;double:双线;groove:槽线;ridge:脊线;inset:内凹;outset:外凸。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存