<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
background-color: skyblue;
width: 300px;
height: 200px;
}
p{
background-color: red;
width: 200px;
height: 300px;
}
ul{
background-color: orange;
}
li{
background-color: green;
width: 50%;
}
a{
background-color: rebeccapurple;
}
button{
background-color: peru;
width: 100px;
height: 50px;
}
mjl{
background-color: seagreen;
width: 200px;
height: 400px;
padding-top: 20px;
padding-left: 40px;
}
</style>
</head>
<body>
<div>111111</div>
<p>我是段落</p>
<ul>
<li>22222</li>
<li>33333</li>
<li>44444</li>
</ul>
<a href="https://www.baidu.com/">百度一下</a>
<a href="">淘宝一下</a>
<a href="">撩课一下</a>
<span>1111</span>
<span>2222</span>
<button class="mjl">双击</button>
<button>双击</button>
<button>双击</button>
</body>
</html>
css模型
最新推荐文章于 2024-06-22 17:15:40 发布