⑴ web中怎麼讓圖片在一行
這里分享下web讓圖片在一行的方法。
設備:聯想電腦
系統:win10
軟體:dw2019
1、首先在打開的dW軟體中,輸入background可以預覽。
⑵ 怎麼用photoshop做好圖片切片WEB的模式保存HTML,在dreamweaver8打開後,怎樣添加編輯內容
建議你不要用photoshop做切片,
把你的PSD檔用fireworks開啟,
使用Fireworks的切片功能分割你的網頁圖片,
將PSD檔另存成PNG檔案,
接著做2次導出,
第一次導出網頁的時候時,將所有切片的類型設定為"圖像"(有兩種選擇Html&圖像----》代表編輯區跟圖片)
如果你沒有將所有的頁面都做切片的話,記得勾選「包括無切片區域」。
並勾選"將所有圖像放入子文件夾的選項"(方便你找圖檔)
然後你在Fireworks的環境下,將你要修改做網頁編輯的切片區設定成"Html"類型,然後再輸出一次,這個時候你到Dreamweaver開啟你剛導出的Html檔,你會發現Html的切片區變成沒有圖案了,
這時最後一個步驟就是在屬性欄位(畫面下方單元格屬性里的背景欄)設定切片區的背景,點取沒有背景的切片區,然後點背景欄位旁的資料夾圖示,到images檔案夾里找你第一次輸出的切片圖片,並設定為背景就成功了。
這個時候你的html切片區就成為有背景圖案又可以編輯內容的區域了,你可以畫面左上角選擇布局,在你要編輯的地方加入表格,然後在表格內編輯網頁內容,放置圖片等等,覺得表格有框線難看的話,可以設定"邊框"為0。
大致上就是這樣,還有疑問的話給我留言吧。
⑶ 前端JavaScript用webstorm怎麼在網頁上生成一個九宮格圖片
html代碼:
<ul class="nineUL" id="nineUL"></ul>
CSS代碼:
.nineUL{display:block; overflow:hidden; width:340px; margin:20px 0 0 50px;}
.nineUL li{display:block; width:100px; height:100px; overflow:hidden; float:left; margin-right:20px;}
.nineUL li img{vertical-align:middle; width:100%;}
JS代碼:
window.onload = function(){
for(var i=0; i<9; i++){
var html = "<li><img src='picture/icon/8.jpg' /></li>";
var u = document.getElementById("nineUL");
var li = document.createElement("li");
li.innerHTML = "<img src='picture/icon/8.jpg' />";
u.appendChild(li);
if(i>0 && (i%3 == 2)){
li.style.margin="0px 0px 10px 0px";
}
}
}
效果圖:
⑷ 這個用web怎麼做啊,有圖片該怎麼插怎麼去寫求大神
如果有圖片,你就用img標簽,標簽的使用是這么使用的,給你舉個例子:
一張高度40px,寬度100px的圖片。
<img src="" width=「100」 height="40">
src=""裡面是這個圖片的路徑地址。
這樣子這張圖片就放進去了
⑸ web中將圖片設為背景圖片的代碼是什麼
web中將圖片設為背景圖片的代碼如下:
<html>
<body background="a.jpg">
</body>
</html>
這樣就把圖片a.jpg設為背景圖片了。
<body bgcolor="#CCCCCC">
這個是把背景設成灰色