怎样用css设置登界面啊?就是很简单的那种。

html-css041

怎样用css设置登界面啊?就是很简单的那种。,第1张

你这个登录界面,如果用table做的话很简单,只需要4行3列,然后就是左右对齐设置下

如果用css+div也很简单,从上到下4个div,然后在一行的div里面在套div或者直接用ul li来写

用css 设置页面居左,首先我们需要写好一个div然后设置好它的宽高,然后在使用margin来操作,使它距离浏览器的左边为0就行了,marign的用法如图:

添加一个border方便观察,具体看代码:

<html>

<head>

<style>

.div1{                    

width:600px

height:200px

font-size:13px

border:1px solid #f00

margin:0px

}

</head>

<body>

<div class='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

三种办法:

1.栏目固定,可以直接用背景图的方式来实现;

2.栏目名称不固定,有变动,可以直接用输入" | " 来实现,因为 | 是字符所以行高和栏目名称一样;

3.就是用你的div设置这样设置即可.menuDiv{width:100pxheight:5pxborder-right:1px solid #ffffloat:left}宽度设置成和栏目宽度一致就可以了