/ Published in: CSS
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
.shadow { padding: 20px; border: 1px solid #f0f0f0; border-bottom: 2px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pressed { color: #fff; padding: 20px; background: #111; border: 1px solid #000; border-right: 1px solid #353535; border-bottom: 1px solid #353535; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } beveled.light { outline: 1px solid #ddd; border-top: 1px solid #fff; padding: 10px; background: #f0f0f0; } beveled.dark { outline: 1px solid #111; border-top: 1px solid #555; padding: 10px; background: #333; }
URL: http://www.sohtanaka.com/web-design/css-border-tricks-tutorial