/** * CSS Border with Box-Shadow Example */ div { /* Borders */ box-shadow: 0 0 0 6px rgba(0,0,0,0.2), 0 0 0 12px rgba(0,0,0,0.2), 0 0 0 18px rgba(0,0,0,0.2), 0 0 0 24px rgba(0,0,0,0.2); /* Meaningless pretty things */ background: linear-gradient(45deg, powderBlue, ghostwhite); height: 200px; line-height: 200px; font-family: sans-serif; color: MidnightBlue; margin: 100px auto; text-align: center; width: 400px }
<div>Eh careful man, there's a beverage here eh!</div>