<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的博客</title>
<link rel="stylesheet" href="css-f2.css">
</head>
<body>
<!--左边框 -->
<div class="left">
<div class="c_img">
<img src="guoqi.png">
</div>
<div class="info">
<h2>哪吒的闹海记录</h2>
</div>
<div class="links">
<ul type="none">
<li>
<a href="">关于我</a>
</li>
<li>
<a href="">微博</a>
</li>
<li>
<a href="">公众号</a>
</li>
</ul>
</div>
<div class="shuxing">
<ul>
<li>#Java</li>
<li>#Python</li>
<li>#CSS</li>
<li>#HTML</li>
<li>#Golang</li>
</ul>
</div>
</div>
<!--有边框-->
<div class="right">
<div class="textinfo">
<div class="title">
<span class="name">海燕</span>
<span class="data">2021-12-28</span>
</div>
<div class="text">在苍茫的大海上，狂风卷着乌云，在乌云和大海之间，有只海燕像一只黑色的闪电，在高傲的飞翔</div>
<div class="biaoqian">#HTML #CSS</div>
</div>
<div class="textinfo">
<div class="title">
<span class="name">海燕</span>
<span class="data">2021-12-28</span>
</div>
<div class="text">在苍茫的大海上，狂风卷着乌云，在乌云和大海之间，有只海燕像一只黑色的闪电，在高傲的飞翔</div>
<div class="biaoqian">#HTML #CSS</div>
</div>
<div class="textinfo">
<div class="title">
<span class="name">海燕</span>
<span class="data">2021-12-28</span>
</div>
<div class="text">在苍茫的大海上，狂风卷着乌云，在乌云和大海之间，有只海燕像一只黑色的闪电，在高傲的飞翔</div>
<div class="biaoqian">#HTML #CSS</div>
</div>
<div class="textinfo">
<div class="title">
<span class="name">海燕</span>
<span class="data">2021-12-28</span>
</div>
<div class="text">在苍茫的大海上，狂风卷着乌云，在乌云和大海之间，有只海燕像一只黑色的闪电，在高傲的飞翔</div>
<div class="biaoqian">#HTML #CSS</div>
</div>
<div class="textinfo">
<div class="title">
<span class="name">海燕</span>
<span class="data">2021-12-28</span>
</div>
<div class="text">在苍茫的大海上，狂风卷着乌云，在乌云和大海之间，有只海燕像一只黑色的闪电，在高傲的飞翔</div>
<div class="biaoqian">#HTML #CSS</div>
</div>
</div>
</body>
</html>
