diff --git a/Style a list of links with css b/Style a list of links with css new file mode 100644 index 0000000..408879f --- /dev/null +++ b/Style a list of links with css @@ -0,0 +1,45 @@ +#related_links { + width: 12em; + border-right: 1px solid #000; + padding: 0 0 1em 0; + margin-bottom: 1em; + font-family: 'Trebuchet MS', 'Lucida Grande', + Verdana, Lucida, Geneva, Helvetica, + Arial, sans-serif; + background-color: #90bade; + color: #333; + } + + #related_links ul { + list-style: none; + margin: 0; + padding: 0; + border: none; + } + + #related_links li { + border-bottom: 1px solid #90bade; + margin: 0; + } + + #related_links li a { + display: block; + padding: 5px 5px 5px 0.5em; + border-left: 10px solid #1958b7; + border-right: 10px solid #508fc4; + background-color: #2175bc; + color: #fff; + text-decoration: none; + width: 100%; + } + + html>body #related_links li a { + width: auto; + } + + #related_links li a:hover { + border-left: 10px solid #1c64d1; + border-right: 10px solid #5ba3e0; + background-color: #2586d7; + color: #fff; + }