实现横排导航

1.首先用ul li表现输入内容

如：

 

 得到

 

 

2.编辑样式CSS。在标签<head></head>之间写入样式表。通过将其设置为行内块级元素，实现横排效果

消除内容前的圆点 list-style:none; 

 横排摆放 ： display: inline-block;
 
3.最后通过外边距margin调整距离，最后可以实现横排导航效果；

 

posted @ 2019-09-08 14:44  无雨无  阅读(236)  评论(0)    收藏  举报