css100个经典案例,css100个必备技巧

首页 > 技术 > 作者:YD1662023-02-09 15:26:02

一、如何写出这样的页面?

css100个经典案例,css100个必备技巧(1)

1、解题:

(1)第一行 四大名著 :这个是个大标题。

(2)观察全局:

css100个经典案例,css100个必备技巧(2)

2、代码实现:

备注:代码部分在手机上看可能会格式错乱,建议到电脑上复制到编辑器里面看会更好。

<body>

<!-- 1、大标题,先敲定-->

<h1>四大名著</h1>

<p></p>

<ul> <!-- 1、选定列表-->

<li> <!-- 2、列表需要和li标签配合使用-->

<h3>《水浒传》</h3> <!-- 3、第一个列表标题-->

<p> <!-- 4、列表标题下的第一个段落-->

《水浒传》是一部以描写古代农民起义为题材的长篇小说。它形象地描绘了农民起义从发生、发展直至失败的全过程,深刻揭示了起义的社会根源,满腔热情地歌颂了起义英雄的反抗斗争和他们的社会理想.

</p>

</li> <!-- 5、标签闭合,这就完成了第一个部分的代码,然后复制复用其他照做-->

<p></p>

<li>

<h3>《西游记》</h3>

<p>

在遥远的古代,东方傲来国有一座花果山,山上有一块仙石吸收天地精华,内育仙胞,一日迸裂,响震天宇产一个石猴。

</p>

</li>

</ul>

</body>

css100个经典案例,css100个必备技巧(3)

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.