用CSS样式制作一个简单的静态网页

html-css010

用CSS样式制作一个简单的静态网页,第1张

<html>

<head>

<title>CSS简单网页</title>

<style>

#box{width:500pxheight:500pxposition:relativelytop:50%left:50%margin-top:-250pxleft:-250pxbackground:#f00color:#fff}

</style>

</head>

<body>

<div id="box">这是一个简单的水平,垂直居中的盒子</div>

</body>

</html>

<html>

<head>

<title>最简单的网页</title>

<style type="text/css">

.bigbox{height:100pxwidth:600px_height:120px_width:620pxpadding:10pxborder:solid 1px #000000}

</style>

</head>

<body>

<div class="bigbox">

</div>

</body>

</html>

直接把这个放入文本里面,把后缀名改成.html 就行了