1、设计网页的时候如何在css样式中控制背景图片的高度?
你上面的抄代码是复制自己的贴上来的话 一看就出错了height:5px}; 分号怎么跑外面去了??
.line{
background:url(line_1.jpg) repeat-x;
height:5px;
}
background的部分可以简写的
2、如何解决网页设计中css样式所设字体不起作用
呵呵,那一定是没用好css啦,你仔细检查下,是不是有冲突,你可以把详细的代码发出来,我可以帮你看看。
3、关于网页设计CSS 文本垂直居中的问题
text-align:center;文本居中显示
vertical-align:middle;元素居中显示
height:45px;文本框高度
不管文本框高度多少默认的光标都是在文本框的中间的哦。
希望可以帮到你……
4、DIV+CSS设计网页布局时,如何将菜单导航部分背景自适应屏幕宽度,而让导航内容居中?
这是由两个div来实现的,首先建立一个外层div并设置宽高,要使宽度随屏幕宽度变化(即浏览器宽度变化),那么宽度就得设置100%,高度设置为你需要的高度即可,具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性,就是你导航的宽高,要使之居中,各人使用的方法也有所不同,但是常用的还是margin属性,具体属性如下 width:你导航的宽度;height:你导航的高度;margin:0 auto; 这样就实现了,如果背景是图片的话就更改background属性即可,还有不明白的随时Hi我。
5、在网页制作中如何控制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%。
6、css网页制作 为什么背景图片显示不了?
第1,字符编码调整为utf-8,你当前使用的是gb2312
第2,background-image属性当中所书写的有误,用实际路径,而且文件夹名字最好不要用中文(基本的开发规范和标准),不要用编码后的字符串,如:
background: url('../images/HTML5-学堂.jpg')第3,你的路径不要写错,在谷歌或者其他浏览器当中,点击F12键,调出控制台,查看是否有错误,如果有文件没有加载成功,则说明你的相应文件没有成功引入
第4,body当中需要有内容,默认body的高度是由内容撑开的,没有内容body就没有高度,背景图自然无法看到
最后,建议你弄本书系统的学一学,里面包括一些类名的命名,书写的规范,在你代码当中都有不少不合适的地方,毕竟学东西是为了有实际的用处,既然要写代码,写的规范一些,按照开发行业标准来写岂不是更好。HTML与CSS方面,推荐《HTML5布局之路》,JS,可以借助《Head First JavaScript程序设计》来入门
7、网页设计里面怎么用css定位图片的不规则摆放?(如图)
百度:css3 变形(低版本ie和少部分浏览器不支持)
低版本ie的实现:
先把图片在ps里面拉斜做影子后存为:png24+背景透明格式,然后网页里面用cssz-index控制层级上下关系,并用定位摆放到合适的位置。另外你还要修正一下ie6的png24背景不透明的问题。
然后,你给那三个猫咪图片每张一个id:
<img src="aaa.jpg" id="cat1" />
<img src="bbb.jpg" id="cat2" />
<img src="ccc.jpg" id="cat3" />
#cat1,#cat2,#cat3{position:absolute;}/*绝对定位*/
#cat1{
left:300px;top:80px;
z-index:10;
}
#cat2{
left:50px;top:320px;
z-index:9;
}
#cat3{
left:300px;top:80px;
z-index:8;
}
8、css设置背景颜色了,为啥没出来,在设计里有,在网页中就没有?求解
部分情况下不排除代码不规范造成的IE浏览器不兼容问题,你可以使用下谷歌浏览器、火狐浏览器进行下对比,另外也可能有布局不合理的情况,可以参考下下面的情况:
背景颜色不显示的原因主要有以下几个方面:1. css没有被调用
2. div的高度没有固定,是auto、没有设值或者高度不够
3. div被嵌套
4. div代码不规范
解决办法:- DIV高度为自动,背景颜色无法显示,在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important;同时还可以兼容 IE6、7、8和谷歌火狐。
- 假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮动属性样式,这个时候该对象浮动产生,导致该对象不能撑开,所以css背景颜色就不能无法显示,解决方法有三种,一个是设置clear清除浮动、设置css高度、设置css overflow样式。
- 高度限制造成了背景颜色不能显示完整,假如你有个对象没有计算好高度(或无意设置了一个很小高度属性样式),因为不确定内容有多少,当内容超过你设置高度限制,这个时候超出部分背景就可能无法显示。设置够高的高度,或取消删除高度样式即可。
案例:
<div style="width:960px;background-color:#000000">因为外层的div没有设置高度,所以设置如上代码之后,看到的是三个透明的方框,
正确代码如下:9、网页设计中的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!)是代表变动的。