Ebook CSS mastery: Advanced web standards solutions - Part 2
➤ Gửi thông báo lỗi ⚠️ Báo cáo tài liệu vi phạmNội dung chi tiết: Ebook CSS mastery: Advanced web standards solutions - Part 2
Ebook CSS mastery: Advanced web standards solutions - Part 2
5 STYLING LISTS AND CREATING NAV BARSSTYLING LISTS z Adding a custom bullet is very straightforward. Adding padding to the left side of the list item Ebook CSS mastery: Advanced web standards solutions - Part 2 creates the necessary space for your bullet. The bullet is then applied as a background image on the list item. If the list item is going to span multiple lines, you will probably want to position the bullet at or near the top of the list item. However, if you know the contents of the list items wo Ebook CSS mastery: Advanced web standards solutions - Part 2 n't span more than one line, you can vertically center the bullet by setting the vertical position to either middle or 50%:li {background: url(bullet.Ebook CSS mastery: Advanced web standards solutions - Part 2
gif) no-repeat 0 50%;padding-left: 30px;}The resulting styled list can be seen in Figure 5-1.J Read emails “I Write book n Go shopping□Cook dinner□Wat5 STYLING LISTS AND CREATING NAV BARSSTYLING LISTS z Adding a custom bullet is very straightforward. Adding padding to the left side of the list item Ebook CSS mastery: Advanced web standards solutions - Part 2 you learned in Chapter 4. you can create graphically rich vertical navigation bars complete with css rollovers, like the one in Figure 5-2.► HOMEABOUTOUR SERVICESOUR WORKNEWS CONTACTFigure 5-2. Styled vertical nav barAs always, you need to start with a good HTML framework:- clixa href="home.htm’> Ebook CSS mastery: Advanced web standards solutions - Part 2 Homeclixa href="about.htm">Aboutclixa href="services.htm">Our Servicesclixa href="work.htm">Our Workclixa href="news.h
Ebook CSS mastery: Advanced web standards solutions - Part 2
tm’>Newsclixa href="contact.htm">ContactGọi ngay
Chat zalo
Facebook