Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Shorthand — width style colour */ .card { border: 1px solid #e0e0e0; border-radius: 8px; padding: 1.5rem; } /* Longhands for clarity */ .input { border-width: 2px; border-style: solid; border-color: #9e9e9e; } .input:focus { border-color: #1a73e8; outline: none; } /* Decorative dashed border */ .dropzone { border: 3px dashed #bdbdbd; border-radius: 12px; padding: 2rem; text-align: center; } .dropzone.active { border-color: #1a73e8; background: #e8f0fe; } /* No border */ .borderless td { border: none; }
Result
Open