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

WBOY
Release: 2016-06-24 12:28:51
Original
1229 people have browsed it

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">

Common horizontal navigation production methods

         

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

Vertical red three-dimensional navigation