CSS基礎教程之背景圖片
背景圖片BackgroundImages有許多屬性可以操作。
幸運的是,可以使用background處理所有:
body{
background:whiteurl(/uploads/allimg/200803/20080309225852658.gif)no-repeattop
}
上面合併了下面屬性:
background-color出現在前面。
background-image圖片的位置。
background-repeat圖片重複的'形式。背景圖片可以重複repeat(這就像建築用的瓦片一樣),repeat-x在x軸(左右)重複,repeat-y在y軸(上下)重複,no-repeat不重複只顯示一個。
background-position可以使用top,center,bottom,left,right或任何可以看到的組合,比如above在上面。
可以為大部分html元素設置背景圖片,不只是整個頁面(body),可以用來製作簡單但效果顯著的美化,比如圓角等等不同的邊角形狀。
使用背影圖片非常簡單,而且可以使用在頁面的任何地方。許多人喜歡使用色彩鮮豔的圖片作為背景的頁面,帶給用户判讀前台文字困難加大。這是一個極端的例子,但事實上,大部分對用户友好、可讀性強的文本是白色背景上顯示黑色,或是黑色背景顯示白色(建議使用柔和的顏色做為背景,減少刺眼的顏色)
所以,最佳使用背景圖片的位置要麼是上面沒有內容要麼是背景非常淡,這樣同樣有利於減少圖片大小,因為使用更少的顏色。(建議使用索引色格式,比如GIF)
-
php項目經理的職責表述7篇
php項目經理的職責表述11、負責售前技術支持。配合銷售人員作售前產品技術講解、演示;2、根據客户需求反饋研發,提供良好解決方案3、遠程現場技術支持4、網絡環境搭建和服務器配置;5、車載產品安裝調試;6、軟件平台安裝調試;7、負責區域售後技術支持;8、參與項...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
網頁設計10大靈感來源介紹
不僅僅只有網頁設計能激發我們創建出色網站的動力,幾乎我們身邊的任何事都會有此作用。以下是本站小編搜索整理的關於網頁設計10大靈感來源介紹,供參考借鑑,希望對大家有所幫助!想了解更多相關信息請持續關注我們應屆畢業生考試網!自然圖01圖02思考設計的最佳場所...
-
dreamweaver的學習心得
當我們備受啟迪時,寫心得體會是一個不錯的選擇,這樣我們可以養成良好的總結方法。那麼要如何寫呢?下面是小編收集整理的dreamweaver的學習心得,歡迎閲讀與收藏。dreamweaver的學習心得1目前,互聯網是最快捷的信息傳播渠道之一,學習網頁製作成了學生必須掌握的一項技...