Ⅰ 在HTML中,如何添加背景圖片,如何更改背景顏色
<><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>
<style>
#pic{
height:200px;
width:200px;
background-image:url(images/ad1.png);
background-position:center;
background-repeat:no-repeat;
}
</style>
<body>
<div id="pic">這里填寫文字<div>
</body>
</html>
設置圖片的友枯源地址請好態在url括弧中設置敗拍:
background-image:url(images/ad1.png);
設置圖片的位置,這里是局中設置,當然您可以right和left設置:
background-position:center;
背景圖片是否重復填充HTML標簽,這里設置的是只顯示一次
background-repeat:no-repeat;
至於height和width的設置,這個是您所說的HTML元素的高度和寬度,可以根據背景圖片的高度和寬度進行設置 給你個簡單的代碼
<html>
<head>
<title>改背景顏色</title>
</head>
<body bgcolor="rrggbb">
改背景顏色
</body>
</html>
改背景顏色的那個代碼是:<body bgcolor="rrggbb">
Ⅱ 在html裡面插入背景圖片怎麼寫請舉例
需要准備的材料分別有:電腦、chrome瀏覽器、html編輯器。
1、首先,打開html編輯器,新建一個html文件,例如:index.html。
Ⅲ HTML語言中,設置背景顏色的代碼是
html中設置元素的背景色都是通過CSS中的background 屬性來完成。
例如,給整個頁面(body)設置背景色:body{background: #ddd;};如果要將圖片作為背景色:body{background-image: url(1.jpg);},其中url括弧後面的是背景圖片的鏈接。
拓展資料:
background 簡寫屬性在一個聲明中設置所有的背景屬性。
background可以設置如下屬性:
background-color背景顏色
background-position背景圖像的位置
background-size背景圖片的尺寸
background-repeat重復背景圖像
background-origin背景圖片的定位區域
background-clip背景的繪制區域
background-attachment背景圖像是否固定或者隨著頁面的其餘部分滾動
background-image背景圖像
如果不設置其中的某個值,也不會出問題,通常建議使用這個屬性,而不是分別使用單個屬性,因為這個屬性在較老的瀏覽器中能夠得到更好的支持,而且需要鍵入的字母也更少。
代碼: