CSS Examples

Their are a lot of free CSS Templates, and code examples online.
Below are a few links:
Free CSS Templates, Menus, Layouts, CSS Galleries
Free CSS Templates

---

Their are also CSS Generators online.
Below are a few links:
css-generator.com
cssmenumaker.com
creatingonline.com

---

Here is a link to a really good website for CSS Examples
http://www.w3schools.com/css/css_examples.asp

---

Styling Link Colors

<style type="text/css">a:link {color: #0000ff;}a:visited {color: #00ff00;}a:hover {color: #ff0000;text-decoration: none;}a:active {color: #777777;}</style>

---

Styling Tables

table{width:100%;border-collapse:collapse;table-layout:auto;vertical-align:top;margin-bottom:15px;border:1px solid #CCCCCC;}table thead th{color:#FFFFFF;background-color:#666666;border:1px solid #CCCCCC;border-collapse:collapse;text-align:center;table-layout:auto;vertical-align:middle;}table tbody td{vertical-align:top;border-collapse:collapse;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}table thead th, table tbody td{padding:5px;border-collapse:collapse;}table tbody tr.light{color:#666666;background-color:#F7F7F7;}table tbody tr.dark{color:#666666;background-color:#E8E8E8;}

---

Styling Tabbed Links

body {font: bold 11px;}h1 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;margin:0;padding:0;}hr {border:none;border-top:1px solid #CCCCCC;height:1px;margin-bottom:25px;}#tabs {float:left;width:100%;font-size:93%;border-bottom:1px solid #2763A5;line-height:normal;}#tabs ul {margin:0;padding:10px 10px 0 50px;list-style:none;}#tabs li {display:inline;margin:0;padding:0;}#tabs a {float:left;background:url("tableft.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}#tabs a span {float:left;display:block;background:url("tabright.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#FFF;}#tabs a span {float:none;}#tabs a:hover span {color:#FFF;}#tabs a:hover {background-position:0% -42px;}#tabs a:hover span {background-position:100% -42px;}

---

Styling Link Buttons using Borders

a:link {border-style: solid;border-width : 1px 4px 4px 1px;text-decoration : none;padding : 4px;border-color : #69f #00f #00f #69f;}a:hover{border-color: #ccc; }

Easy Link Button using borders

---

Styling Icon Colors

a { padding: 0 2px 1px 15px; color: #c00; }a:link { background: #fff url(ball.gif) left center no-repeat; }a:hover { background: #fff url(ball2.gif) left center no-repeat; }a:active { background: #fff url(ball3.gif) left center no-repeat; }

Link with a Bullet Icon that changes color

---