认识HTML一一无序列表

无序列表练习

模仿下图搜狐新闻网,写出下面前端界面(注意事项:利用无序列表)


第一步 弄清问题

观察到展示部分

就一排文字,第一排文字得到加粗

联想这种效果所对应的HTML标签

ul li

第二步 拟定编码计划

菜鸟教程(runoob.com)

我们观察一下效果:


我们离我们效果是不是越来越近呢?

我们只需要做一下css样式即可,这里我就不做介绍了。

你可能感兴趣的:(认识HTML一一无序列表)