HTML |
---|
<style> #products ul { list-style-type: none; float: left; width: 455px; padding: 0px 1px 1px 0; margin: 0px 1px 0px 1px; } #products li { border: 1px solid whitesmoke; border-width: 1px 1px; margin: 1px 0px; text-shadow: 0px 1px 0px white; /* цвет должен быть темнее фона, 1px или -1px, в зависимости от цвета фона(светлый или темный) */ filter: dropshadow(color=#white,offX=0,offY=1); } #products li a { color: black; display: block; font: normal 100% Arial, Helvetica, sans-serif; padding: 15px 18px 19px 20px; text-decoration: none; background: #f0f7fc; } * html #links li a { /* make hover effect work in IE */ width: 600px; } #products li a:hover { background: #f5ffd6; } #products a em { color: black; display: block; font: normal 85% Verdana, Helvetica, sans-serif; } #products a span { color: black; font: normal 70% Verdana, Helvetica, sans-serif; } </style> |