背景圓角
不同瀏覽器 用不同語法 ,所以在 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) 人氣()
style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif'); background-repeat: repeat; height: 200px; width: 400px;"========================================================
style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif');background-repeat:repeat-y; height: 200px; width: 400px;"========================================================
style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif');background-repeat:repeat-x; height: 200px; width: 400px;"========================================================
style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif');background-repeat:no-repeat; height: 200px; width: 400px;"| css | html | background-image 背景圖片 | background image | background-image: url | background-repeat: repeat | background-repeat: repeat-y; height | background-repeat: repeat-x | background-repeat: no-repeat |
c8cc168 發表在 痞客邦 留言(0) 人氣()
