Come cambiare il colore di un bordo HTML
Le tabelle possono avere colori per i bordi esterni e per le celle. They also can have background colors, patterns, and graphic images as backdrops for the full table or for selected rows and cells.
- .inset { border:inset 5px red; }
- .outset { border:outset 5px red; }
- .ridge { border:ridge 5px red; }
- .groove { border:groove 5px red; }
- .dashed { border:dashed 5px red;}
- .dotted { border:dotted 5px red;}
- .solid { border:solid 5px red;}
- .double {border:double 5px red;}
- .inset td, .outset td, .ridge td, .groove td, .dashed td,
- .dotted td, .solid td, .double td {border:inset 1px #000;}
You can create your own 3-D shading effects by styling each of the borders separately with border-top, border-right, border-bottom, and border-left colors. The following tables creates their own 3-D effects with solid borders tinted to resemble inset and outset styles. The style sheets used for these two tables are shown in Listing.
- /* INSET STYLE */
- #TAB1 { border:solid 7px;
- border-color:#B22222 #FEB9B9 #FEB9B9 #B22222; }
- /* OUTSET STYLE */
- #TAB2 { border:solid 7px;
- border-top-color:#FEB9B9;
- border-right-color:#B22222;
- border-bottom-color:#B22222;
- border-left-color:#FEB9B9; }
- #TAB1 td, #TAB2 td { border:inset 1px #000; }
Articoli simili
- C'è qualche soluzione di particelle di polvere che entrano nel vetro temperato 2.5D da bordo a bordo di un Redmi Note 4?
- Come creare un box riempito con un colore con HTML / CSS
- Il GPS mobile funziona a bordo degli aerei?
- Quali attrezzature dovete avere a bordo se la vostra imbarcazione è di 16 piedi o più?