我正在学习CSS,我有一点问题。如何编写最佳的两种边框样式?
<h2 style="border-left: Gray 10px solid" style="boder-top: Gray 10px solid">
我不知道我已经尝试过并尝试过。
答案 0 :(得分:2)
border-left:10px solid blue;
border-top:10px solid #ddd;
border-bottom:10px dashed #ff0000;
border-right:10px dotted #00ff00;
答案 1 :(得分:0)
最好将它们写在外部样式表中。但是当你想要内联编写它们时,以下是正确的:
<h2 style="border-left:Gray 10px solid; border-top:Gray 10px solid;"></h2>
答案 2 :(得分:0)
首先拼写很重要。检查'border'的拼写
你可以做这样的事情
<h2 style="border-left: gray 10px solid; border-top: gray 10px solid">
答案 3 :(得分:0)
<h2 style="border-left:10px solid #000;border-top:10px solid #000;border-bottom:10px solid #000;border-right:10px solid #000;">
Hiiiiiii
</h2>
答案 4 :(得分:0)
你不能在一个元素中使用两个“style”,只能有一个“style”属性。
你可以这样:
border-width: 10px 10px 10px 10px;
border-color: red green blue yellow;
border-style: solid solid dotted dotted;
订单是右上角 - 左下角。
style="border-width: 10px 10px 10px 10px; border-color: red green blue yellow; border-style: solid solid dotted dotted;"
答案 5 :(得分:0)
你实际上有一个非常好的问题。你有几个选择。要更改特定的H2元素,您需要执行以下操作:
<h2 style="border-left: Gray 10px solid; border-top: Gray 10px solid;">
Hello World!
</h2>
这仅适用于此元素。如果您想在几个不同页面上为独特元素重复此样式,那么您将使用CSS样式表:
#useId {
border-left: Gray 10px solid;
border-top: Gray 10px solid;
}
然后您可以添加HTML标记:
<h2 id="useId">
Hello World!
</h2>
然后,您可以将此样式添加到页面上的一个或多个元素。这可以通过使用css类来完成。
.useClass {
border-left: Gray 10px solid;
border-top: Gray 10px solid;
}
使用类,您可以将“useClass”添加到页面上的任何元素以获得该样式。
<h2 class="useClass">
Hello World!
</h2>