到目前为止,我们还没有在元素尺寸方面给予关注。在这一课,我们将看到为元素定义高度和宽度是十分简单的。

设定宽度[width]

你可以通过width属性来设定一个元素的宽度,即在水平方向上的尺寸。

下面是一个简单的例子,它为我们提供了一个可以容纳文本的盒子:

	
	div.box {
		width: 200px;
		border: 1px solid black;
		background: orange;
	}
	
	

设定高度[height]

注意上一个例子,盒子里内容的长短决定了盒子的高度。你可以通过height属性来设定一个元素的高度。比方说,我们要把上面那个例子中的盒子高度设定为500像素:

	
	div.box {
		height: 500px;
		width: 200px;
		border: 1px solid black;
		background: orange;
	}
	
	
posted on 2013-08-14 20:34  Jason_shang  阅读(104)  评论(0编辑  收藏  举报