網頁的顏色改變和背景圖片

(1)網頁顏色設定

<body bgcolor="(十六進制顏色碼或顏色的英文單字)" text="(十六進制顏色碼或顏色的英文單字)"  link="(十六進制顏色碼或顏色的英文單字)" vlink="(十六進制顏色碼或顏色的英文單字)"  alink="(十六進制顏色碼或顏色的英文單字)">

  • bgcolor=控制背景顏色
  • text=控制文字顏色
  • link=控制連結顏色
  • vlink=控制已閱讀過的顏色
  • alink=控制正在連結的顏色

#xxxxxx的首兩個x是代表紅色的元素值,中間的兩個x是代表綠色的元素值,最後的兩個x是代表藍色的元素值,而xxxxxx的值是由A~F,0~9組合,由不同的組合可配出不同的顏色

 例子︰

<body bgcolor=black>

即代表我的網頁背景顏色為黑色


(2)加入背景圖像

<body>中還有一個叫background的屬性,功能是可以把網頁的背景換成你想要的背景圖片。

例子︰如果你的背景圖檔檔名為background-image.png

<body background="background-image.png" >

注︰bgproperties="fixed"(使背景圖像固定不動,不過只有IE有效果)

如果不是IE,你可以使用CSS的background-attachment:fixed;

例子︰

<html>

<head>

<style>

body

{
background-attachment:fixed;

}

</style>

</head>

<body background="background-image.png">

</body>

</html>

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s