① css代碼怎麼插入圖片
可以在CSS裡面用background-image:url(你的圖片地址)。這樣來加入圖片,展現到網頁中。
<div id="bgimg"></div>
#bgimg {
background: #333 url(圖片路徑) center center no-repeat;
}
第一個參數,圖片底層的背景顏色,第二個參數,圖片路徑,第三個參數,圖片上下的相對位置(其他參數left,right),第四個參數,圖片左右的相對位置(top,bottom),第五個參數,圖片的重復(其他參數 repeat,repeat-x,repeat-y)
(1)新聞網站圖片怎麼寫css樣式擴展閱讀:
css背景圖片代碼:
{background-image: url(url)|none};指定要使用的一個或多個背景圖像
例子代碼:
<html>
<head>
<meta charset="UTF-8">
<title>背景圖片</title>
<style>
body{background:#ddd;}
.div1{
width:300px;
height:150px;
background-image:url(2.jpg);
}
</style>
</head>
<body>
<div>背景圖片</div>
</body>
② 網頁頂部插入橫幅圖片怎麼寫css代碼,不是背景圖片,是在背景圖片上加入另一幅頂部圖片
這個可以來這樣實現源
例如
HTML:
<div id=header><img src="圖片路徑" alt="圖片描述" /></div>
CSS:
#header{
background:url(圖片路徑) no-repeat[顯示一次] [left/right/top/bottom];
}
這樣設置就可以了,你想移動圖片和背景圖片都可以的!
③ div+css中,左邊是圖片,右邊是文字怎麼寫
用一個div作為主框架,嵌套圖片和文字內容兩個div,同時使用浮動功能,代碼步驟如下:
1.先輸入:<div class="header">,建立一個主框架,如下圖紅框所示;