58 lines
1.7 KiB
HTML
58 lines
1.7 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./index.css">
|
|
</head>
|
|
<body>
|
|
<!-- flex -->
|
|
<div class="flex-test">
|
|
<div>
|
|
左侧布局
|
|
</div>
|
|
<div>
|
|
右侧布局
|
|
</div>
|
|
</div>
|
|
|
|
<div id="overflowTest">
|
|
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
|
|
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
|
|
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
|
|
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
|
|
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
|
|
<p>这里的文本内容是可以滚动的，滚动条方向是垂直方向。</p>
|
|
</div>
|
|
|
|
<h1 class="first_title" id="first_title">H1标题</h1>
|
|
<h2 class="first_title">H2标题</h2>
|
|
<h1>H1标题</h1>
|
|
|
|
<hr>
|
|
<ul id="list_menu" class="ul_class">
|
|
<li id="coffee">Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
<div>
|
|
<li>In Div</li>
|
|
</div>
|
|
</ul>
|
|
|
|
<hr>
|
|
<form action="demo_form.php">
|
|
<input type="submit" value="提交">
|
|
</form>
|
|
|
|
<hr>
|
|
<iframe style="width: 50vw;height: 200px;color: rgb(30, 107, 240);" src="https://www.mcube.top/docs/framework/">
|
|
<p>您的浏览器不支持 iframe 标签。</p>
|
|
</iframe>
|
|
<hr>
|
|
<div style="padding: 20px; margin: 20px; width: 200px;height: 200px; border: 1px solid purple;">
|
|
内容
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |