免圖片!用 CSS3 實作圓角、半透明等精美網頁效果


【跟我學日語—中級報】以插圖搭配句型文法說明,讓你不僅瞭解文法,更可輕鬆、愉悅地學會實用的生活日語。 【米奇巴克童書魔法盒】讓父母瞭解孩子思考與美感的「天賦」,陪孩子一起快樂閱讀、創意思考!
無法正常瀏覽圖片,請按這裡看說明   無法正常瀏覽內容,請按這裡線上閱讀
新聞  健康  財經  追星  NBA台灣  udn部落格  udnTV  讀書吧  
2015/11/27 第 545 期 |  訂閱/退訂  |  看歷史報份  |  
 
 
 
  學習主題
  新書搶鮮報
   
  學習地圖
  活動快遞
  延伸閱讀主題
   
Pancakes甜蜜食譜:鬆餅&蛋糕65道.甜點醬汁35種《附 Flag's COCOTTE 點點藍焗烤小砂鍋1個》
 

 
 

 
免圖片!用 CSS3 實作圓角、半透明等精美網頁效果

CSS 演進到了目前的第 3 版, 加上了許多新的特效屬性及動態效果, 以往要靠程式才能呈現的效果, 現在只要單純的 CSS 樣式就可以完成。

本節將介紹幾個重要, 而且實用的 CSS3 新功能, 如:圓角效果(border-radius)、文字陰影(text-shadow)...等。

圓角效果 border-radius

以往在網頁中要製作出圓角效果, 在早期必須藉助圓角及透明背景的美工圖形才能做到。後期有部份瀏覽器開始支援了圓角的 CSS 屬性, 但一直到 CSS3 才被正式納入規格, 並且所有主流的瀏覽器都予以支援, 圓角終於成為了通用的 CSS 屬性。

圓角效果的語法如下:

這個語法建立的外框, 4 個角的圓角值皆相同。若希望 4 個角的圓角值各不相同, 那麼可以針對 4 個角各別指定:

.......﹝詳細內容

 

更多內容請見 《 最新 HTML5+CSS3 網頁程式設計 第二版 》

 
 
Windows 10 非常 EASY

Windows 10 非常 EASY

Windows 10 是集合 Windows 7 與 Windows 8.1 優點、特色於一身的微軟最新作業系統, 安裝快, 使用流暢, 系統穩定!除了重新加入 Windows 7 中大家都很熟悉的「開始」功能表外, 也融合了 Windows 8.1 的「動態磚」設計到「開始」功能表內, 也因此, 給人一種熟悉又不太熟悉的感覺。如果想用最快的速度熟悉 Windows 10 的作業環境, 並花最少的時間學會上網、工作、生活、娛樂最息息相關的部份, 那麼本書將是您的最佳入門指引, 您不必擔心浪費寶貴時間學到冷門、少用的功能, 因為我們已經為您篩選出最實用、最精華的部份了!

......... 更多內容 >>

   
運動傷害圖解聖經 : 預防、診斷、治療、復健 運動傷害圖解聖經 : 預防、診斷、治療、復健

不管是運動員或是業餘的運動愛好者, 運動傷害常常很難避免。一旦受傷, 輕則休息一陣子即可復原, 重則可能需要開刀治療。職業運動員有專業的防護人員保護尚且都會受傷, 一般的業餘選手以及普羅大眾就更容易因疏忽而受到輕重不一的運動傷害了。
為了增進國人對運動傷害的認知, 小編特別引進這本圖解最豐富、內容最扎實的專書。本書是由英國醫學協會的眾家博士們撰寫完成, 而我們也請到任教於台灣師範大學體育學系的李恆儒博士, 以及畢業自台灣大學醫學系的宋季純醫師共同翻譯。我們相信, 以專業加專業的組合才是正確的選擇。

  .........多內容 >>

 
 
仿古董磅秤

已經會做白色的磅秤,怎能少了黑色的磅秤。 將秤盤改成鐵罐的蓋子,支撐底架改為木質的小型擋書架,配件的調修,讓磅秤整體的形體變得小巧。雖然不能真的拿來做秤重,而只是一種擺飾的道具,卻可以靈活應用在居家的每個角落,產生不同的品味跟價值。

製作過程

  1. 將不鏽鋼過濾鐵網拆除。

  2. 保留不鏽鋼過濾鐵網的框架。
  3. 在飛機木上裁切一個圓形,需比不鏽鋼過濾鐵網的框架小 0.5cm


.......﹝詳細內容

  

  更多內容請見 《 簡易手作 古董雜貨•居家小物



 
 
旗 標 出 版 股 份 有 限 公 司
地址:100 台北市杭州南路一段15-1號19樓 電話: (02) 2396-3257
若您對內容有任何建議,歡迎您來信與我們分享 ! 聯絡我們
如果您對內容讚賞有加,希望能轉載,還請務必來信告知 ! 以便於處理。
  免費電子報 | 著作權聲明 | 隱私權聲明 | 聯絡我們
udnfamily : news | video | money | stars | health | reading | mobile | data | NBA TAIWAN | blog | shopping