利用CSS和DIV的几种布局方法(2)

最新推荐文章于 2025-01-29 00:15:00 发布

Tanyacui

最新推荐文章于 2025-01-29 00:15:00 发布

阅读量381

点赞数

分类专栏： CSS HTML 文章标签： div css 布局

本文链接：https://blog.youkuaiyun.com/Tanyacui/article/details/52166708

版权

CSS 同时被 2 个专栏收录

6 篇文章

订阅专栏

HTML

6 篇文章

订阅专栏

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>This is my test about css.</title>
    <style>
  *{
    padding:0px;
	margin:0px;}
  #container{
            width:100%;
			background-color:orange;
			border:1px solid black;
			padding:10px;
			text-align:center;
			font-family:arial;
			font-size:20px;}
#container h1{ 
	text-decoration:underline;
    background-color:gray;
	margin-bottom:10px;
	}

#main,#container h1{
        position:relative;
	    width:900px;
        left:50%;
	    margin-left:-460px;
	    padding:10px;
        }
  #main{
		height:600px;
		background-color:gray;
		border:1px dashed red;
		text-align:left;
		font-size:75%;
		line-height:1.5em;
		}
  </style>
 </head>
 <body>
  <div id="container">
      <h1>This is my test about css.</h1>
      <div id="main">This is first test.This is first test.This is first test.This is first test.<br />
	                 This is first test.This is first test.This is first test.This is first test.<br />
					 This is first test.This is first test.This is first test.This is first test.<br />
					 This is first test.This is first test.This is first test.This is first test.<br />
					 This is first test.This is first test.This is first test.This is first test.<br />
					 This is first test.This is first test.This is first test.This is first test.<br />
					 This is first test.This is first test.This is first test.This is first test.<br />
	  </div>
  </div>
 </body>
</html>