这篇博客介绍了HTML和CSS的基础知识，并通过实例展示了如何使用这两种技术来制作海报。内容包括HTML的基本结构和CSS样式定义，帮助读者理解如何结合运用它们来实现视觉效果。
html的代码
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
<div id="container">
<header>
<div class="ife">
<p>ife.baidu.com</p>
</div>
<p class="date">2017.06</p>
<hr class="underline_one">
</header>
<section class="one">
<div class="img_one">
<img src="image/1.jpg">
<div class="left_image"></div>
<div class="right_image"></div>
</div>
<div class="aside">
<hr>
<p class="ziti"><strong>A</strong>bout</p>
<p class="ziti"><strong>T</strong>echnologe</p>
<p class="ziti1">About technologe About technologe About technologe</p>
<p class="num">700</p>
<div class="aside_down" >
<p class="mark_1">3.2</p>
<p class="mark_2">css</p>
<p class="mark_3">csscssscsscsscsscss</p>
</div>
</div>
</section>
<section class="wwh">
<div class="what">
<h2>what</h2>
<p>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
</div>
<div class="when">
<h2>when</h2>
<p>前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端</p>
</div>
<div class="how">
<h2>how</h2>
<p>前端前端前端前端前端</p>
<p>前端前端前端</p>
<p>前端前端</p>
</div>
<div class="what_3">
<p>
what-------- <span>40%</span>
</p>
<p>
when-------- <span>30%</span>
</p>
最低0.47元/天 解锁文章
扫一扫
1149
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
