右上角的边框设置

joh*_* Gu 5 html css html5

我有以下CSS代码: -

border:5px solid grey !important;
Run Code Online (Sandbox Code Playgroud)

将样式设置应用于上,下,左,右四个边框.但我如何定义边界只适用于上,右和左.无需为每个定义单独的样式?谢谢

小智 5

你可以试试,

border:5px solid grey;
border-bottom:0px;
Run Code Online (Sandbox Code Playgroud)


Nit*_*esh 3

border:5px solid grey !important;不可以。使用这种速记方法这是不可能的。

您需要按照下面提到的方式声明它们才能实现您正在寻找的目标。

工作演示

HTML:

<div>ABCD</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div{border-width: 5px 5px 0px 5px; border-style: solid; border-color: grey;}
Run Code Online (Sandbox Code Playgroud)

进一步参考

希望这可以帮助。