HTML基础知识——css样式表,样式属性,格式与布局详解

2020-04-17 07:58:42易采站长站整理

    height:1500px;   
    margin:10px;   
    left:150px;   
    top:420px;   
    position:absolute;}   
.f   
{   
    border:5px solid blue;   
    width:240px;   
    height:150px;   
    margin:10px;   
    left:150px;   
    top:1940px;   
    position:absolute;}   
.g   
{   
    border:5px solid blue;   
    width:740px;   
    height:1350px;   
    margin:10px;   
    left:410px;   
    top:740px;   
    position:absolute;}       
.h   
{   
    border:5px solid blue;   
    width:1000px;   
    height:200px;   
    margin:10px;   
    left:150px;   
    top:2110px;   
    position:absolute;}   
.i   
{   
    border:5px solid blue;   
    width:1000px;   
    height:200px;   
    margin:10px;   
    left:150px;   
    top:2330px;   
    position:absolute;}   
</style>  
</head>  
  
<body bgcolor="#F0F0F0">  
<div class="a">a</div>  
<div class="b">b</div>  
<div class="c">c</div>  
<div class="d">d</div>  
<div class="e">e</div>  
<div class="f">f</div>  
<div class="g">g</div>  
<div class="h">h</div>  
<div class="i">i</div>  
</body>  
</html>  

网页运行显示效果图: