我试了一下,是因为你浏览器显示的百分比不是正好100%,而是放大了,可能是140%。
display:block块显示
因为边框给的比你加了padding要小
.topTitle{ height:40px; line-height: 40px; font-size: 11pt; font-weight: bold; color: rgba(255,255,255,.8); background: #e4393c; text-align: left; padding-left: 20px; //总体宽度会继承父元素的宽,内边距相对增加,文本内容宽度相应减少 }
padding-left 是子元素距父元素左边界的距离,是内边距,属于父元素内部,不会影响父元素大小,只会影响子元素在父元素中的位置。
我就是上京东网站首页,那里也有一个导航菜单,截图下来就行了。保存在和你保存html文档的那个目录下就可以直接用了
可能图片路径的问题吧
以块状形式展示,具体请看w3c上面的介绍
你什么都要算上,border ,padding ,margin,content
我新手用 Adobe Dreamweaver
不错啊,有index-z啊,原来那部分是有内容的,我们导航的内容在上层,在不去用的时候是隐藏的,用的时候就出现在,覆盖
如果你在外部样式表(即CSS文件)中引用图片,应该以CSS文件所在位置为当前位置定位来引用,在你这个例子中,如果想要正常显示,应该把background-image设置为../img/rightJ.png;但是在内部样式表(即.html中)引用图片,就应该以.html文件所在位置为当前位置定位,如果想要正常显示,就应该把background-image设置为img/rightJ.png
你的图比较大了吧,老师的图片是截京东里面的图而且比较小吧
photoshop切图
所以可以不加
让他dispaly:none试试
审查一下元素看看这句是不是被覆盖了,要么设置的值格式不对,问题都不描述清楚让我们怎么回答
我是来耍的
这里的background-image: url(1.png) 就是插入图片 ,背景图片,url()的后面的就是所需要插入的图片