导航:首页 > 万维百科 > 网页设计图片css

网页设计图片css

发布时间:2020-09-18 07:50:29

1、在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小?

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

body {text-align: center;background: url(small2.png); background-size: 60%;}

3、浏览器运行index.html页面,此时成功通过css控制了div居中显示,背景图片的大小为60%。

2、网页设计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文件,内容如上;


效果如下:

望采纳 :)

3、网页设计 CSS怎么设置 图片间距等于0

图片的间距,是由 padding 和 margin 两个要素决定的。只要将这2个值置0,即可。
例如:
<img src="xxx.gif" style="padding:0;margin:0" alt=""/>

4、网页设计在css中写background–images:url(images/1.jpg.png)

是图片样式,png支持透明格式,jpg最少的磁盘空间得到较好的图片质量,gif会压缩减少图片体积,动图,所以说你看你的图片后缀名是什么,你写两个是肯定不行的,除非你图片命名是1.jpg后缀是png

5、制作html网页时如何使用CSS使背景图片拉伸(

比方说背景图片铺满整个div(不管多大):

<div style="width:320px; height:240px; background:url(图片url) no-repeat center / 100% 100%"></div>

如果想让图片保持原始的长宽比例不变形(多余部分自动裁去):

<div style="width:320px; height:240px; background:url(图片url) no-repeat center / cover"></div>

如果想保持比例的同时又要显示出完整的图片(div会出现留白):

<div style="width:320px; height:240px; background:url(图片url) no-repeat center / contain"></div>

6、网页制作中,图片什么情况用CSS,什么情况可以直接插入

简单总结下:
1、新闻类图片、产品类图片、介绍性类的图片就直接插入。因为这些图片经常更换~
2、装饰性图片,可以作为css背景加入,也可以直接插入。这个就看你的习惯了。

个人建议:
装饰性图片都css加入,方便css控制,也可以做图片精灵。

7、网页制作中怎么用CSS样式定位图片的位置

就简单的图片定位是吧,我给你个范例,然后你参考下。 <div style="text-align:center" align="center"> <img src="" align="absmiddle" /> </div> 上面DIV中STYLE里CENTER是图片居中,ALIGN是表格框架居中,IMG中的ALIGN里的ABSMIDDLE是在表格中居中的图片绝对居中。 还有什么不懂的可以联系我。

8、网页设计中的css背景图片不能显示

如图在样式设计窗口中设置方框的宽度和高度就可以了 

看了你的源码,我这运行也没错。

不过我放的是.gif的图片,浏览器显示没问题

放了.png的图片,我这里是FF不能显示图片,以前我遇到过.png图片不支持浏览器的情况。

还有你看看%E6%9C%AA%E6%A0%87%E9%A2%98-1这个会不会有问题,我以前做过像这种路径:skins/skin_%28%21SKINID%21%29 也不可以出来图片,后来换成这种skins/skin_(!SKINID!)就可以了,不过skin_%28%21SKINID%21%29代表什麼我就不懂了,别人告诉我这个(!SKINID!)是代表变动的。

9、网页设计页面布局使用div+css是什么意思,还有怎么插入图片,谢谢各位大神

div模型,搭上css样式
用<img src="图片地址" alt="显示不出来的时候的文字" />插入图片

与网页设计图片css相关的知识