2012-10-03 79 views
1

如何爲帶有圓角的div添加邊框? 當我嘗試時,角落看起來很奇怪 - 邊框不會一直纏繞。對於舊版本的IE將邊框應用於div與圓角?

+3

請張貼您的代碼。 – j08691

+0

增加一點寬度。嘗試添加一個輕微的盒子陰影。 –

+0

看看這個網站http://border-radius.com/,應用一個半徑,你會看到中心的邊框角css。您也可以通過開發人員工具欄(F12)查看div的完整CSS - 這可能會有所幫助。發佈您的代碼以獲取更多幫助! – JDandChips

回答

3

兼容性可能是一個問題,但下面的例子應該在現代瀏覽器的工作:

CSS

div{ 
    width: 50px; 
    height: 20px; 
    padding 5px; 
    border: 1px solid red; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; /* future proofing */ 
    -khtml-border-radius: 10px; /* for old Konqueror browsers */ 
    background-color: green; 
} 

下面是一個EXAMPLE

http://css-tricks.com/snippets/css/rounded-corners/