CSS框線樣式的應用

最新數位相機上市訊息、完整產品測試報導、攝影作品分享、熱門攝影技術討論,盡在【DCView數位視野】! 【人類智庫健康生活週報】提供中醫養生智慧,及最新、最實用的養生健康知識,和你一起呵護全家人的健康!

無法正常瀏覽圖片,請按這裡看說明   無法正常瀏覽內容,請按這裡線上閱讀
新聞  健康  財經  追星  NBA台灣  udn部落格  udnTV  讀書吧  

2016/04/15 第 564 期 |  訂閱/退訂  |  看歷史報份  |  

 
 
 
  學習主題
  新書搶鮮報
   
  學習地圖
  活動快遞
  延伸閱讀主題
   
Windows 10 使用手冊
       
 
 
CSS框線樣式的應用

框線樣式也能套用在文字、圖片等元素, 以製作各種不同效果。在此就舉幾個簡單的例子, 來看如何利用框線讓網頁文字有不同的編排。

設計水平分隔線
例如使用 border-bottom 設定下框線, 可取代 hr 的分隔效果。

利用框線強調文字
將上一個例子略做變化, 則可利用框線標示文字, 以突顯或修飾文字。

…….﹝詳細內容

  

更多內容請見 《 網頁程式設計的16堂課: HTML5•CSS3•JavaScript •jQuery•AJAX•Bootstrap•Google Maps 》

 
 
日本當代最強插畫 2016: 插畫/動漫/手遊...一次收藏 150 位當代最強畫師豪華作品集

日本當代最強插畫 2016: 插畫/動漫/手遊…一次收藏 150 位當代最強畫師豪華作品集

本書從 VOCALOID、pixiv、tumblr、nikoniko 動畫等領域精選出 150 位當代日本最強、最有特色的新生代插畫家,作品涵蓋動漫、書籍設計、手遊、現代藝術等不同創作類型,讓您看到當代日本插畫的多元性,同時探索各種畫風。本 書除了能欣賞插畫作品,還請每位作者分享繪畫技巧、使用媒材,值得參考和珍藏,也能幫助喜愛繪畫的你發展出自己的風格。想要以插畫家為目標,但是找不到自 己的風格嗎?本書書衣和封面是不同的兩張插畫作品,只有購買的你才能擁有!

……… 更多內容 >>

   
設計哪有這麼累! 提高10倍效率的 Illustrator 工作術 設計哪有這麼累! 提高10倍效率的 Illustrator 工作術

本書彙整設計人最常遇到的問題,並教你用更 Smart 的方法來解決,即使是 Illustrator 的老手,看了本書也能學到不少絕妙技巧,有效提升 10 倍的工作效率!
.有效解決與文字有關的版本相容性問題!
.讓圖檔在不同裝置上都能正確顯示的技巧!
.熱門 【Line 貼圖】製作技巧大公開!
.正確地【封裝】檔案不東掉西漏,才稱得上專業!
.如何讓「點陣圖轉向量圖不模糊」?
.新舊版本製作「圖樣」方法大不同!
.如何防範錯誤與疏失,正確交出 LOGO 檔?
.製作方便修改且邊緣套用模糊效果的遮色片

 

  ………多內容 >>

 
 
法國鄉村民宿風的三連式微型花園做法

把三個餐具籃並排在一塊兒, 充滿巴黎田園風光的民宿花園就完成了。 小羊嬉戲的模樣真可愛。

  1. 將椰纖絲輕輕撕開, 鋪在每一個籃子裡, 撒上薄薄的培養土。各撒上一小撮根防腐劑, 並注意不要讓根防腐劑結成一團, 然後填土至七分滿。填土時調整形狀, 讓椰纖絲露
    出來一些。
  2. 先從 P.30 中間的籃子開始做。修剪雲間草的根, 讓雲間草的高度一致,種在正中心, 兩旁種上愛爾蘭苔,空的地方種景天屬、酢漿草、胡椒薄荷、百里香。
  3. 把空地弄平整, 鋪上裝飾石。準備兩種顏色的裝飾石, 以一定的比例鋪設, 製造出漸層。
  4. 鏡頭最前方與後方的籃子, 則在左右兩邊種多肉植物, 中間留下空位。
  5. 開始佈置小擺飾。規劃出一條小徑, 從最前面的門, 一路延伸到盡頭處的房子。

…….﹝詳細內容

 

 
 
更多內容請見 《 日日微型花園 – 場景設計、藤蔓、多肉、香草、苔類全方位佈置

 
 

旗 標 出 版 股 份 有 限 公 司
地址:100 台北市杭州南路一段15-1號19樓 電話: (02) 2396-3257
若您對內容有任何建議,歡迎您來信與我們分享 ! 聯絡我們
如果您對內容讚賞有加,希望能轉載,還請務必來信告知 ! 以便於處理。

  免費電子報 | 著作權聲明 | 隱私權聲明 | 聯絡我們
udnfamily : news | video | money | stars | health | reading | mobile | data | NBA TAIWAN | blog | shopping

No comments have been made. Use this form to start the conversation :)

Leave a Reply