背景圓角
不同瀏覽器 用不同語法 ,所以在 CSS 或 style 內加曬三個語法。
CSS3 border-radius
Mozilla -moz-border-radius
WebKit -webkit-border-radius



方框 及 底色


<div style="-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;background-color: rgba(255, 255, 0, 0.3); height: 300px; text-align: center; width: 80%;">

xxxxxx</div>

-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
四個角為 圓角



background-color: rgba(255, 255, 0, 0.3);
rgba(red 值, green 值, blue 值, alpha 值)
alpha 值 0.3 不透明度 30%




border-radius style="-moz-border-radius: 25px; background: red; border-radius: 25px;-webkit-border-radius:25px; height: 125px; text-align: center; width: 125px;"

border-radius style="-moz-border-radius: :0px 30px 60px 120px;   -webkit-border-radius: 0px 30px 60px 120px; background: red; border-radius: 0px 30px 60px 120px; height: 125px; text-align: center; width: 125px;"

border-radius style="-moz-border-radius: 25px; -webkit-border-radius: 25px; background-color: rgba(255, 255, 0, 1.0); border-radius: 25px; height: 125px; text-align: center; width: 125px;"

border-radius style="-moz-border-radius: 25px; -webkit-border-radius: 25px; background-color: rgba(255, 255, 0, 0.3); border-radius: 25px; height: 125px; text-align: center; width: 125px;"

table border | tbody | -moz-border-radius | background-color | background | color | border-radius | text-align | background-color: rgba | style | color | height | width | text-align: center | 背景圓角 | 背景 圓角 |

全站熱搜

c8cc168 發表在 痞客邦 留言(0) 人氣()