60 lines
1.4 KiB
HTML
60 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>css第一课</title>
|
|
<link rel="stylesheet" href="./index.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="login">
|
|
<input type="text" placeholder="用户名">
|
|
<input type="password" placeholder="密码">
|
|
<input type="number" placeholder="手机号">
|
|
<input type="text" placeholder="验证码">
|
|
</div>
|
|
|
|
<p class="gl">测试测试测hi</p>
|
|
<ul class="koko">
|
|
<li>1</li>
|
|
<li>2</li>
|
|
<li>3</li>
|
|
<li>4</li>
|
|
<li>5</li>
|
|
<li>6</li>
|
|
<li>7</li>
|
|
<li>8</li>
|
|
<li>9</li>
|
|
<li>10</li>
|
|
</ul>
|
|
|
|
<input class="username" type="text" placeholder="请输入名称">
|
|
|
|
<h3 class="be">before and after</h3>
|
|
|
|
<!-- <p style="color: red;">测试的P标签</p> -->
|
|
<p class="one">测试的P标签1</p>
|
|
<p class="two">测试的P标签2</p>
|
|
<p class="three">测试的P标签3</p>
|
|
|
|
<div id="test">id选择器</div>
|
|
|
|
<div class="header">
|
|
<div class="logo">
|
|
<h1>2222</h1>
|
|
</div>
|
|
<div class="meun">
|
|
<ul>
|
|
<li>1</li>
|
|
<li>2</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="gghh">鼠标悬浮</div>
|
|
|
|
</body>
|
|
</html> |