用css 如何设置页面居左

html-css023

用css 如何设置页面居左,第1张

用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>

css里让input全靠左,首先我们需要获取到所有的input元素,可以通过给他们加id,class实现,当然最好的是通过标签选择器,将所有的input获取,然后在通过一个flaot:left就能实现input全靠左,请看代码:

<html>

<head>

<style>

input{

width:300px

height:30px

font-size:13px

float:left

}

</head>

<body>

<div>

<input

type='submit'

value='人人'>

<input

type='button'

value='百度'>

<input

type='text'

value='订单'>

</div>

</body>

</html>