Home arrow Style Sheets arrow Styling Unordered and Ordered HTML Lists with BlueTrip

Styling Unordered and Ordered HTML Lists with BlueTrip

Welcome to the fourth part of a seven-part series on the BlueTrip CSS framework. In this part, I explain how to use the framework's default styles to enhance the visual appearance of both ordered and unordered HTML lists. This is an easy and straightforward process.

Author Info:
By: Alejandro Gervasio
Rating: 3 stars3 stars3 stars3 stars3 stars / 2
November 16, 2009
  1. · Styling Unordered and Ordered HTML Lists with BlueTrip
  2. · Review: the thin and caps CSS classes
  3. · Styling unordered HTML lists
  4. · Styling ordered HTML lists

print this article

Styling Unordered and Ordered HTML Lists with BlueTrip
(Page 1 of 4 )

If you ever wondered what makes a CSS framework a solid web design tool, then you may realize that it must provide a well-trusted set of style resetting classes and a clean background grid, plus the ability to quickly style common HTML elements in different ways, such as headers and paragraphs, lists and links, forms and tables, and so forth.

Fortunately, nowadays there's a group of CSS frameworks that suit most of these requirements. This list includes BlueTrip, which claims to put together the best features offered by BluePrint CSS and Tripoli (hence its name). So, if you're a web designer who's searching for a comprehensive guide that shows you how to work with this popular CSS framework, then this group of articles might be the material that you need.

And now that you've been introduced to the main goal of this series, it's a good time to review the topics that were covered in the last article. In that article I developed a few basic examples that demonstrated how to use the "thin" and "caps" CSS classes that come with BlueTrip to produce some elegant variations of H2 headers.

Nonetheless, when it comes to styling text-based web page elements quickly, BlueTrip offers numerous interesting and appealing possibilities. Thus, in this fourth part of this series I'm going to discuss how to style both ordered and unordered lists using the default CSS classes provided by BlueTrip.

Now, it's time to take a closer look at the specific capabilities offered by the BlueTrip CSS framework. 

blog comments powered by Disqus

- CSS Padding Overview
- CSS: Margins Overview
- Top CSS3 Button Tutorials
- More Top CSS3 Tutorials for Animation and Im...
- CSS Mega Menus: Adding Extra Sections
- CSS Mega Menus
- CSS3 Accordian Menu: Horizontally Display Hy...
- CSS Combinators: Working with Child Combinat...
- CSS Combinators: Using General Siblings
- Intro to CSS Combinators
- CSS Semicircles and Web Page Headers
- Drawing Circular Shapes with CSS3 and Border...
- More CSS Pagination Link Templates
- CSS Pagination Links
- Animated CSS3 Image Gallery: Advanced Transi...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials