首先我们可以使用表格相应标签和属性实现一个列表
?
?
?首先在<style>标签下设置字体样式和字体颜色，这里设置了字体居中可以在网页中央显示
然后在<body>标签里编写内容，代码使用代码如下
<body>
? ? <div class="box1">
? ? ? ? <div>
? ? ? ? ? ? <span class="big-black">沁园春·长沙</span>
? ? ? ? ? ? <span class="small-blue">【毛泽东】</span>? ?
? ? ? ? </div>
? ? ? ? <div class="blue"> ? ?
? ? ? ? 独立寒秋，
? ? ? ? <span class="small-green">湘江北去</span>
? ? ? ? ，橘子洲头。
? ? ? ? </div>
? ? ? ? <div class="red">
? ? ? ? ? ? 看万山红遍，层林尽染，
? ? ? ? ? ? <span class="small-rad">漫江碧透</span>
? ? ? ? ? ? ，百舸争流。
? ? ? ? </div>
? ? ? ? <div class="blue">
? ? ? ? ? ? 鹰击长空，
? ? ? ? ? ? <span class="small-blue">鱼翔浅底</span>
? ? ? ? ? ? ，万类霜天竞自由。
? ? ? ? </div>
? ? ? ? <div class="big-green">
? ? ? ? ? ? <span class="red">怅寥廓，</span>
? ? ? ? ? ? 问苍茫大地，谁主沉浮？
? ? ? ? </div>
? ? ? ? <div class="blue">
? ? ? ? ? ? 携来百侣曾游，忆往昔峥嵘岁月稠。
? ? ? ? </div>
? ? ? ? <div class="big-green">
? ? ? ? ? ? 恰同学少年，风华正茂；书生意气，挥斥方遒。
? ? ? ? </div>
? ? ? ? <div class="blue">
? ? ? ? ? ? 指点江山，激扬文字，粪土当年万户侯。
? ? ? ? </div>
? ? ? ? <div class="red">
? ? ? ? ? ? 曾记否，到中流击水，浪遏
? ? ? ? ? ? <span class="big-rad">飞舟？</span>
? ? ? ? </div>
? ? </div>
</body>
每段文字都写在<div>标签中，选定每段话的样式
最后得到的效果就是这样
然后我们来编写一个表单
?
?最后的效果如下
表单列表练习就到这里，感谢您的阅读！
?