Video: CSS Efecto - 14 resalte de borde @JoseCodFacilito 2024
Det er en rekke hensyn til dette CSS3-programmet fra et stilperspektiv. Imidlertid er det mest presserende behovet å gi et middel til å vise grafikken på en måte som brukeren forventer, til tross for hvordan merkene er definert. Normalt vil disse komponentene vises over hverandre. Du må opprette noe CSS for å få det nødvendige utseende.
Her er CSS for dette eksempelet:
h1 {text-align: center;} #Categories {width: 220px;}. Selections. ui-valgt {bakgrunn: blå; farge: hvit;}. Valg {margin: 0; polstring: 0; bredde: 150px; liste-stil-type: none;} #DrawingContainer {width: 533px; høyde: 400px; grense: fast; posisjon: absolutt; venstre: 250px; topp: 80px;} #Trawing {width: 523px; høyde: 390px; margin: 5px;}
Legg merke til at bredden på kategorier er slik at DrawingContainer kan vises til høyre for den. Valgene er satt opp for å passe fullt ut i kategorier. Når du angir bredden på valgene, må du registrere kontoen som jQuery-brukergrensesnittet automatisk oppgir som en del av Accordion-widgeten.
Den viktigste delen av DrawingContainer-oppsettet er den venstre innstillingen, som må konfigureres for å imøtekomme Accordion-widgeten til venstre for den. Størrelsen på Tegning er slik at applikasjonen kan opprettholde aspektforholdet mellom bildene som skal vises.
Med litt ekstra arbeid kan du tillate at bilder av flere størrelser passer lett inn i rommet - eksempelbildene er like store.