技術提供:Blogger.

創意網頁設計,響應式網頁,部落格版型,資料庫,購物車,Bootstrap,RWD,html,css,php,jquery,MySQL,專營綠茶,紅茶,高山凍頂烏龍,阿里山杉林溪梨山大禹嶺茶及茶葉罐杯壺禮盒批發零售,兼營艋舺快遞,汽機車外送,中央果菜市場,環南市場,迪化街等地代購採買及各項代理服務! 孟甲服務專線:0952-916626
E-mail:roberchen3@gmail.com


將文字大小Px 轉換成 Em CSS3 圓角 border-radius

要把 PX變成 EM非常簡單,1em=16px
假設字體大小為20px,希望字體大小變為24px,計算公式為24/20=1.2,因此字體大小為1.2em;如果希望字體大小為16px,公式為16/20=0.8,故字體為0.8em


<div style="border:2px #ccc solid;border-radius:10px;width:360px;height:60px;background-color:#eee;">CSS3 border-radius 圓角範例</div>

四個角的語法
  • border-top-left-radius - 設定左上角
  • border-top-right-radius - 設定右上角
  • border-bottom-right-radius - 設定右下角
  • border-bottom-left-radius - 設定左下角
css語法

.abt-left img{
width:100%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
}

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

室內設計 101時尚舍 happy玩家 中華民國兩岸消費者權益保護協會 孟甲部落格 孟氏洋行 AMCT 骨節 雅弈 統愛眼鏡大批發