DIV CSS? Rookies share their learning experience! Navigation_html/css_WEB-ITnose

1. Common and practical horizontal navigation bar

Create a new html file:

Code:

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

         

                

      

                    

• 首页

                    

• 网上校园

                    

• 管理培训

                    

• 网上课堂

                    

• 我要报名

                    

• 文化沙龙

                    

• 学院论坛

                    

• 关于我们

             

      

This is the most common navigation bar production process, which implements hovering and releasing before mouse access Departure effect.

The following is the display effect of opening a web page:

The following is the effect of IE mouseover:

Interested friends can try it out by changing background-color:#ff9933; to background-image:XXXXX; and add your favorite pictures to create your own personalized navigation.

2. Vertical red three-dimensional navigation