⑴ 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">
这个是把背景设成灰色