❆初訪說明

小說心得評價

▲個人評價說明
 10:精彩逼人,瑕不掩瑜。
  9: 豐富完整,有些缺陷。
  8: 出書水準,或可推薦。
  7: 想法出奇,見仁見智。
  6: 尚且可觀,中規中矩。
  5: 平鋪直敘,淡漠無感。
  4 ↧ 一言難盡,不予評論。
   早期帖麻煩自行轉換
「推薦書單」資料夾收入以下幾種條件的書目:

1. 個人評價四星/8分起跳
2. 看到書名就想起內容
3. 主觀喜歡/欣賞
4. 耐看,能重複看


註:標題以『讀』標記者為推薦
▼原創統整類目
 ◆ 統整推薦:大陸原創小說
       推薦清單

 ◆ 綜合感言:
 ◆ 推薦書單:原創推薦
 ◆ 個帖清單:原創心得
 ◆ 撈書資訊:原創部落格
       分享、介紹

❆文章類別

❆管理後台

❆尋找舊帖

新帖┇熱帖

新訊┇留言

【CSS】Radius(圓角)


(一)寫在前面:
   常見比較周全的寫法是寫三行,保證每一種瀏覽器都看得到。
   主要語法:border-radius: 圓角半徑 px ;

   以圓角半徑 10px 舉例。
   border-radius: 10px; ➜ 適用瀏覽器:① IE 6以上 ② Opera
   -moz-border-radius: 10px; ➜ 適用瀏覽器:① Firefox
   -webkit-border-radius: 10px; ➜ 適用瀏覽器:① Safari ② Chrome

(二)實作效果:依然以圓角半徑 10px 舉例,可做出多種組合。
   為了讓語法看起來不繁複,以下只以border-radius實作,如果看不到效果的補全另兩行即可。
   讓一個角圓角化,先設上下邊,再管左右角,設兩角就寫兩行,三角就寫兩行語法。

四邊圓角  border-radius: 10px;
左上圓角  border-top-left-radius: 10px;
右上圓角  border-top-right-radius: 10px;
左下圓角  border-bottom-left-radius: 10px;
右下圓角  border-bottom-right-radius: 10px;
上邊圓角   border-top-left-radius: 10px;border-top-right-radius: 10px;
下邊圓角   border-bottom-left-radius: 10px; ⑵ border-bottom-right-radius: 10px;
左邊圓角   border-top-left-radius: 10px; ⑵ border-bottom-left-radius: 10px;
右邊圓角   border-top-right-radius: 10px; ⑵ border-bottom-right-radius: 10px;
對邊圓角   border-top-left-radius: 10px; ⑵ border-bottom-right-radius: 10px;
對邊圓角   border-top-right-radius: 10px; ⑵ border-bottom-left-radius: 10px;

(二)其他說明:
   影響圓角的當然還有圓角半徑大小,這個看個人需求了,可大可小。
   不管多大多小,還是以區塊的大小為主,不然就看不出效果了。

   另外,圓角可和 區塊陰影框線 相結合,這三者可一起用也可單一用,會做出不同的質感。

0 Comments:

張貼留言