前端练习--奇奇动漫导航条(通过背景图设置)

目录

一、效果展示

二、注意

三、代码


一、效果展示

前端练习--奇奇动漫导航条(通过背景图设置)_第1张图片 

二、注意

(1)这个蓝色背景并不是设置了背景颜色,这是背景贴图,并且是高度100px,宽度1px的图片横向重复粘贴

(2)这里面三个文字的祖先元素是li,为了能够横向排版,进行了浮动,为防止高度塌陷,外联了css文件,这里需要注意,不然代码会出问题

-至于高度塌陷,请参考这篇文章:

https://blog.csdn.net/comegoing_xin_lv/article/details/126086973?spm=1001.2014.3001.5501

(3)至于动漫导航条的图片,自己截图

-这里是链接:

http://qiqidm8.com/

三、代码



  
    
    
    
    背景导航条
    
    
  
  
    
  

你可能感兴趣的:(前端基础练习,前端,css,html,css3)