初学者CSS样式=边框

时间:2013-08-13 12:17:47

标签: css border

我正在学习CSS,我有一点问题。如何编写最佳的两种边框样式?

<h2 style="border-left: Gray 10px solid" style="boder-top: Gray 10px solid">

我不知道我已经尝试过并尝试过。

6 个答案:

答案 0 :(得分:2)

border-left:10px solid blue;

border-top:10px solid #ddd;

border-bottom:10px dashed #ff0000;

border-right:10px dotted #00ff00;

Tutorial

答案 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>