#container{
width:960px;
background:#fff;
margin:20px auto;
padding:10px;
} 下面是一个效果预览: 设置为相对定位,当我们定位logo的时候,我们希望它的位置是相对于容器的,因此使用相对定位:
#container{
width:960px;
background:#fff;
margin:20px auto;
padding:10px;
position:relative;
} 将它定位到盒子的外面现在你需要做的就仅仅是定位logo,将其水平定位,让它从容器中突出出来。
#logo{position:absolute;一般logo都是设置到logo容器里面的背景。
把承载logo的容器的height值改的和的高度一致就可以了。
例如,logo大小为150px 50px:
<!-- html部分 -->
<h1><a href=">最好是把用户和密码框放在一个div里面,在左浮动。
<div style="float:left"><img src=""></div>
<div style-"float:left">
<input type="text" />
<input type="password"/>
</div>
<div style="clear:both;"></div>
如果需要可以设置input的属性来满足设计需求F12使用
开发者工具
或者在网页上右键
审查元素,在左上或者左下(根据版本)的放大镜至你要查看的元素上点击一下右边会有csss样式的具体参数。
如果是扒站,整个css带走,可以切换至资源界面(Resources)查看Stylish下拉栏。点击一个个的直接可以拿走
将Logo放入表格中,设置表格按%大小,CSS样式表,规定的长宽高都为100%,就可以了将Logo放入表格中在CSS样式表中,使LOGO的大小与背景大小相同,且在层中加上代码就是啊,放在CSS里边就行了啊,是不是我明白楼主的意思呢将logo放在表格当表格背景就行了,还可以用css进去设置处理在css中div有一个属性叫做background通过background:url()no-repeatcentercenter;可以来设置。这个设置最好在css中设置。因为dz的页面是系统自动生成的。
例子如果你的div层的id为header可以为header这个层设置一个高度在css中可以这样写
#header{background:url()no-repeatcentercenter;width:1234px;height:257px;}css的用法有很多而且很灵活所以你如果想要使效果符合你心里面的想法,需要接触一下专业书籍如(苏沈小雨的css20手册等)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)