css3的页面的代码

CSS3是一种可以美化网页的标准，它能够实现页面的众多效果。下面是一段使用了CSS3样式的页面代码：

body {
    font-family: Arial,sans-serif;
    background-color: #f2f2f2;
}

h1 {
    font-size: 3em;
    text-align: center;
    color: #333333;
    text-shadow: 2px 2px #f0f0f0;
}

nav {
    background-color: #333333;
    color: #f2f2f2;
    padding: 20px;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav li {
    display: inline-block;
    margin: 0 10px;
}

nav a {
    color: #f2f2f2;
    text-decoration: none;
}

nav a:hover {
    color: #333333;
    background-color: #f2f2f2;
}

.container {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.Box {
    background-color: #f2f2f2;
    Box-shadow: 0 0 5px #999999;
    margin: 10px;
    flex: 1 0 30%;
    min-height: 200px;
}

.Box h2 {
    font-size: 1.5em;
    margin: 10px;
}

.Box p {
    padding: 10px;
}

footer {
    background-color: #333333;
    color: #f2f2f2;
    padding: 20px;
    text-align: center;
}

@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }
    .Box {
        flex: 1 0 100%;
    }
}

这段代码展示了一个简单的页面结构，并使用了CSS3样式来实现页面的美化。其中包括了背景颜色、字体、文本对齐、阴影、浮动、包裹、缩放、最小高度等许多CSS3的特性。