HTML/CSS中的製表邊框（初學者）

Question

我是初學者，我正在自學如何掌握這種編程語言的html和css。

我在我的身體有3列，我想像一個標籤邊框，而段落是在框邊框內的設計。邊框頂部的顏色是藍色（我可以在哪裏放置標籤名稱）。

下圖顯示了我想要的東西，以acchieve： http://i58.tinypic.com/2i9gvt4.jpg

Answer 1

如果你用在你的文字<div>容器，你可以這樣做：

<div> 
    <!-- the "tab" --> 
    <h3 style="color:blue;">ipsum</h3> 
    <!-- the paragraph --> 
    <p style="border: 1px solid black;"> 
     paragraph 
    </p> 
</div> 

編輯：屬於評論，這裏是新的解決方案：http://jsfiddle.net/hqqtm2xf/2/

記得將CSS樣式放在一個單獨的文件中，這隻適用於de monstration的原因。

對於HTML和CSS入門我建議http://www.w3schools.com/css/和http://www.w3schools.com/html/

希望它能幫助。 問候墊

Answer 2

您也可以給每個<tr> -Tag一個自己的類，然後設置BG-顏色有

<style> 
.ipsum { 

    color: #1062DD; 
} 

.paragraph { 

    background-color: #333333; 
    border: 1px solid #FFFFFF; 
    color: red; 
    // height: 200px; 
} 
</style> 
<table><td> 
<tr class="ipsum">ipsum</tr> 
<tr class="paragraph">paragraph</tr> 
</td></table>