导航:首页 > 万维百科 > 网页设计怎么改图片样式

网页设计怎么改图片样式

发布时间:2020-10-25 03:59:57

1、html如何设置图片大小

html插入图片有两种方式:一种是通过<img>标签插入的正常的图片,另一种是通过css样式插入的背景图片。

问题分析:

1、首先你是通过第二种方式插入的是背景图片,直接用width和height只能控制div的宽度和高度。

2、如果你插入的图片是通过<img>标签的方式来插入的话,可以通过<img>自身的属性控制图片大小,代码格式是:<img src="图片路径" width="图片宽度" height="图片高度"/>。

3、如果非要通过css控制背景图片的大小,可以通过background-size样式来实现,具体的css格式是:background-size:宽度 高度; (如下图所示)。

(1)网页设计怎么改图片样式扩展资料:

1、background 是用于在一个声明中设置所有背景属性的一个简写属性。

格式: background: {属性值}

继承性: NO;

可能的值:

background-color(背景颜色)

background-image(背景图片)

background-repeat(背景拉伸方式)

background-attachment(固定或者随着页面的其余部分滚动)

background-position(背景定位)

新增的值:

background-clip(规定背景的绘制区域)

background-origin(相对于容器中来定位背景图像)

background-size (背景图像的大小)

参考资料:

网络-background

2、网页设计中如何更改图片的路径

用dreamweaver修改,修改时他会问你是否更新连接,点更新就行,以后在作网站时,希望你不要放的太乱,图片要单放一个文件夹,其余的文件也是,比如你设置的栏目,每个栏目独立一个,这样不管是修改,还是维护,都很方便

3、网页设计div中背景图片怎么沾满整个该div

你的意思是背景图的样式设置中,不要横向或者纵向重复,是不是?那么你在设置该样式表的时候,就把图片的尺寸(长和宽)和div的尺寸(长和宽)设置一样大小,就可以了,而且背景图不让它重复!

4、网页设计CSS 这种图片是怎么用的

<!Doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>标题</title>
<style>
.show-pic{
background: url('./pic.jpg') no-repeat; /* 集成图片 */
width: 18px; /* 宽高表示你要显示的尺寸 */
height: 18px;
background-position: 0px -35px;/* 用来定位你要显示图片的哪一部分 */
}
</style>
</head>
<body>
<div class="show-pic"></div>
</body>
</html>


1、保存图片为pic.jpg;

2、在同一目录下,建立html文件,内容如上;


效果如下:

望采纳 :)

5、网页设计:如何把图片格式的模板转变为dreamwaver中可编辑的模板??

DREAMWAVER是一个制作网页的工具,同时还需要FIREWORK或者PHOTOSHOP等软件的支持,你要把图片倒到FIREWORK或者PHOTOSHOP里,然后做切片(如果不知道什么是切片,那你就要好好补习一下PHOTOSHOP了,如果自己做网页,PHOTOSHOP不懂是不行的)然后在保存的时候选则保存HTML格式,然后在倒入到DREAMWAVER里面就可以了

做完切片以后,应该出现一个文件夹和一个HTML的文件,导入文件,然后看见的是被切成一块块的图片,然后在这些图片中加入你所需要的代码。

6、在网页制作是如何实现图片切换

在DreamWeaver中实现鼠标图片切换效果 可以使用 ‘鼠标经过图像’ 功能来实现
也可以用CSS控制来实现。
‘鼠标经过图像’ 功能简单明了。不需多讲,多试几次即可掌握。
现在具体讲一下 CSS控制实现 图片切换效果!
首先制作一个 ID为abc 的div 宽度50px; 高度50px; 在abc里面随便打一个字 设置一个空链接。

然后定义 abc 宽度50px; 高度50px; a标签的块形式 代码如下:
<style type="text/css">
<!--
#abc a {
height: 50px;
width: 50px;
display: block;
}
-->
</style>
<!--注意上面才是CSS代码,下面是div-->
<div id="abc"><href="#">字体</a></div>
然后设置 div的背景图片 比如图片名为 bj.gif
CSS代码变为:
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
-->
</style>
最后 设置鼠标经过的样式 比如 鼠标经过图片为 bjj.gif
CSS代码 变为如下:
<style type="text/css">
<!--
#abc a {
background-image: url(bj.gif);
height: 50px;
width: 50px;
display: block;
}
#abc a:hover {
background-image: url(bjj.gif);
}
-->
</style>

7、html网页制作中如何更改背景图片大小

?

8、html网页设计里面怎么平铺背景图片

html网页设计里面平铺背景图片的代码如下:
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:

1、图片不够大,又background属性不能拉伸图片;
2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;
3、body的background属性去掉,要不然会被遮住。

9、如何在网页制作中将图片设置为滚动

1、素材的准备。为了更好的表现网站的风格和特色,具备一些更富表现力和吸引力的图片是必不可少的;

2、在电脑上找到并且打开Dreamweaver8,重新建立一个网页文件,并且把网页文件保存,且命名为“index.html"文件;

3、在完成网页文件保存和命名为“index.html"文件以后,切换至代码编辑界面,输入相应的程序代码;

4、新建一CSS样式表文件,并将该文件保存到与“index.html”相同的目录下,文件名称为“MyStyle.css";

5、在样式表文件"MyStyle.css”文件的完成以后,打开样式表文件"MyStyle.css”文件输入相应的程序代码;

6、在网页文件"index.html"中添加对该样式表的引用:“<link rel="stylesheet" type="text/css" href="MyStyle.css">”,同时新建一个JS文件,并将该文件另存为“MoveEffect.js";

7、在JS文件”MoveEffect.js“文件建立完成以后,同样打开JS文件”MoveEffect.js“文件输入程序的代码;

8、完成上述程序运行以后,在主页文件"index.html”中添加对该“MoveEffect.js”文件的引用,“<script type="text/javascript" src="MoveEffect.js"></script>”,打开“index.html”网页文件即可。

与网页设计怎么改图片样式相关的知识