如何使用CSS創建一個圓角背景框？

Question

如何使用CSS創建一個圓角背景框？

Answer 1

使用這個CSS：

.box_round { 
    -moz-border-radius: 12px; /* FF1+ */ 
    -webkit-border-radius: 12px; /* Saf3-4 */ 
      border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */ 
} 

，然後簡單地使用這個類在你的HTML這樣

<div class="box_round" style="background-color:red">This is a test</div> 

我添加了背景色：紅 - 只是爲了測試puporposes這樣就可以了看到四捨五入的核心。

HTH

Answer 2

這僅在CSS 3支持。

Answer 3

看看CSS3的PIE項目。它可以幫助你解決舊IE版本中與CSS3相關的問題。