支援CSS1 以上
用法: background-image
background-image: url('圖片路徑');
說明:
background-image 設定背景圖
css定義:
body{
background-image: url('66img.jpg');
}
注意事項:
JavaScript 用法:
object.style.backgroundImage="url(圖片路徑)"
程式:
<!DOCTYPE html>
<html>
<head>
<title>CSS background-image 套用樣式 背景圖</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
body{
background-image: url('66img.jpg');
}
</style>
</head>
<body>
<div id="div1">
CSS background-image;
</div>
</body>
</html>
圖1:
背景圖
測試結束~
如果還不了解可參考:w3schools CSS background-image Property
感謝~
其它文章
- 首頁
- JAVA教學目錄
- JSP教學目錄
- Apache教學目錄
- Google App Engine教學目錄
- JBoss教學目錄
- Android教學目錄
- Grails教學目錄
- SSH教學目錄
- Window教學目錄
- Linux教學目錄
- PHP教學目錄
- C教學/C++教學目錄
- jQuery教學目錄
- HTML5教學/CSS3教學目錄
- JavaScript教學目錄
- MySQL教學目錄
- Oracle教學目錄
- SQL Server教學/PostgreSQL教學/其它資料庫教學目錄
- Eclipse教學及開發相關工具教學目錄
- 程式開發基本資訊目錄
- 其它技術教學目錄
文章標籤
全站熱搜
留言列表