使用div+css创建一个网页

最新推荐文章于 2023-12-16 11:24:15 发布

原创

最新推荐文章于 2023-12-16 11:24:15 发布 · 2.8k 阅读

标签

#html #css #web

收录于

本文介绍如何利用Div和CSS技术来构建一个无Javascript的静态网页，详细讲解了Div布局和CSS样式设置的方法。

使用div+css创建一个网页
无Javascript

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>title</title> 
<style>
* {
    
    
    box-sizing: border-box;
}
body {
    
    
    margin: 0;
}
.header {
    
    
    background-color: #2696F3;
    color: white;
    text-align: center;
    padding: 15px;
}
.footer {
    
    
    background-color: #444;
    color: white;
    padding: 15px;
}
.topmenu {
    
    
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #777;
}
.topmenu li {
    
    
    float: left;
}
.topmenu li a {
    
    
    display: inline-block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}<