1、首先我们先写内容，我们想要的是，一行文字，下面是一个横线。我们先把内容写出来。具体代码为，
2、看到了代码，我们用可视化看下结果，只有经常练习，经常看结果才能有更深的领悟
3、然后我们就加一些样式了，也就是我们常说的css，也就是层叠样式表，叫法是不是比士嫣轶嗄较高端。<style>.l-title{ wi颊俄岿髭dth:120px; height:30px; line-height:30px;list-style:none;text-decoration:none;}.l-title .tubiao{display:none; line-height:30px; margin: 0 10px;}.l-title:hover .tubiao{display:inline-block;}a{text-decoration:none;list-style:none;color:#000;}</style>
4、这时我们要修改一些内间恒溪痞容了，使其和样式进行结合。代码为：<body><li class="造婷用痃l-title" ><span class="tubiao"><img src="前端代码收集/未标题-4.png"</span><a href="#">公司简介</a></li><img src="前端代码收集/未标题-3.png" /><li class="l-title" ><span class="tubiao"><img src="前端代码收集/未标题-4.png"</span><a href="#">公司简介</a></li><img src="前端代码收集/未标题-3.png" /><li class="l-title" ><span class="tubiao"><img src="前端代码收集/未标题-4.png"</span><a href="#">公司简介</a></li><img src="前端代码收集/未标题-3.png" /><li class="l-title" ><span class="tubiao"><img src="前端代码收集/未标题-4.png"</span><a href="#">公司简介</a></li><img src="前端代码收集/未标题-3.png" /></body>
5、这时我们看下最终的结果，我们截图看下，是不是有点达到结果了。
6、这里我们找下两个重要的知识点，第一个display：none，我们找下资料
7、最后说明的是要多总结经验，祝大家每天都进步。
