Уеб Стыле Схеетс
CSS типс & Трицкс

Дроп сенке

CSS2 нема имовине за додавање сена на кутији. Можете покушати додати границе на десно и одоздо, али то неће изгледати десно. Међутим, ако имате два угнијежђени елемената, можете користити спољне као сена за унутрашње један. На пример, ако имате текст попут овог (HTML):

<div class=back>
  <div class=section>
    <h2>Die Rose duftet - doch ob sie empfindet</h2>
    <address>Heinrich Heine (1797-1856)</address>

    <p>Die Rose duftet - doch ob sie empfindet<br>
    ...
  </div>
</div>

Можете користити спољни DIV као сена за унутрашње један. Резултат би могло изгледати овако засебној страници. Прво, да да позадинску BODY (зелено светло у овом примеру), спољни DIV нешто тамније позадине (зелено-сиве) и унутрашње DIV бацкгроунд другу (на пример, жуто-бело):

body {background: #9db}
div.back {background: #576}
div.section {background: #ffd}

Затим, помоћу маргине и паддинг вам оффсет унутрашњем DIV мало у лево и горе од спољног DIV:

div.back {padding: 1.5em}
div.section {margin: -3em 0 0 -3em}

Такође се морају кретати спољног DIV мало са десне стране. А ако имате више одељака, вероватно желите нешто простора између њих, превише:

div.back {margin: 3em 0 3em 5em}

То је у основи то. Можете додати око границе унутрашњег DIV ако желите. Такође ћете вероватно желите да неке паддинг унутар њега, нпр:

div.section {border: thin solid #999; padding: 1.5em}

Наравно, можете да варира величину сенке на свој укус.

Текст сенке

CSS има имовину за додавање сена на текст. Она има четири аргументе: боју сенке, водоравне оффсет (позитивне значи на десно), вертикална оффсет (позитивне значи према доле) и замрљаност (0 значи оштар сена). На пример:

h3 { text-shadow: red 0.2em 0.3em 0.2em }

CSS ресурси

• Colors Style Sheet
• CSS Page Loading Times
• CSS Navigational Headings
• CSS tutorial
• CSS Background properties
• Creating Menus with CSS
• Style sheets for handheld devices