如何爲div創建一個css邊界

-2

我使用此鏈接How to set a border for an HTML div tag爲div標記創建一個css邊界。如何爲div創建一個css邊界

<!doctype html> 
<html> 
<head> 

<style type="text/css"> 

    #box{ 
     border: 5px solid black; 
    } 

</style> 

</head> 
<body> 

    <div id="box"> 
     Sign in 
    </div> 

</body> 
</html>

如果我只放border: 10px;甚至border-right: 5px solid black;那麼，有沒有邊界。爲什麼會發生？

來源

2015-05-30 stack1

請讓我們知道，你至少有CSS的任何理解。因爲你在這裏問兩個完全不同的問題... –

@GerardvanHelden - 我從教程學習。 – stack1

我把你的代碼複製到html頁面並且邊框工作正確。 – zheek

border: 10px;將不起作用，因爲邊框至少需要一種樣式，因爲沒有默認樣式，但默認顏色爲黑色，因此您不需要該顏色。所以下面的工作

#box { 
    border: 10px solid; 
}

border-right: 5px solid black;是一樣border-right: 5px solid;和它確實顯示，只有div是塊元素，因此需要在容器的整個寬度（只看頁面的右側）

現在如果你想在邊境直接是你可以把塊元素div成inline-block元素

#box { 
    display: inline-block; 
    border-right: 5px solid black; 
}

還可以SE文字旁t分別border屬性單獨像這樣

#box { 
    border-width: 5px; 
    border-style: solid; 
    border-color: black; 
}

或只是一個側面，像這樣

#box { 
    border-right-width: 5px; 
    border-right-style: solid; 
    border-right-color: black; 
}

來源

2015-05-30 21:44:36

如何爲div創建一個css邊界

回答

相關問題