將邊框應用於div與圓角？

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

2012-10-03 nodesto

請張貼您的代碼。 – j08691

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

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

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

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/

來源

2012-10-03 20:44:21 Chase

將邊框應用於div與圓角？

回答

相關問題