Avtor: -primož- 21.01.10

CSS vodič vam predstavi kodo s katero besedilu dodate senco. Nadzirate lahko barvo sence, oddaljenost sence od besedila (navpično in vodoravno) ter količino zamegljenosti sence.

PRIKAZ besedila s senco

No Frames

HTML in CSS koda:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
body{background: #9cceff;}

.ena{text-shadow: #3399ff 15px -15px 1px;}
.dva{color: #fff; font-weight: bold; font-family:Verdana; text-shadow: #3399ff 5px 5px 1px;}

</style>

</head>

<body>

<p class="ena"> Moje-Mesto.com je spletna stran s slovenskimi vodiči.</p>
<br /><br /><br />
<p class="dva"> Moje-Mesto.com je spletna stran s slovenskimi vodiči.</p>

</body>
</html>

Razlaga kode:

Senca: text-shadow: #3399ff 15px -15px 1px; (text-shadow: A B C D; )

A - barva sence

B - vodoravni odmik sence od besedila

C - navpični odmik sence od besedila

D - zamegljenost sence (blur)

Razred .ena doda besedilu le senco (text-shadow). Besedila nič ne ureja.

Razred .dva določi besedilu barvo, debelino in vrsto pisave. Poleg tega določi še senco.

Komentiraj:

Sorodni vodiči
Kurzorji na spletnih straneh hover oblaček za namig Div v divu in problem z višino - overflow: auto Zaobljeni robovi s CSSjem CSS in povezave	6 CSS namigov Display: none in Visibility: hidden Statična glava in noga s CSSjem Spustni meni a.k.a. Drop down menu Seznam kurzorjev

Moje-Mesto.com

Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.

Facebook oglaševanje

Izdelava spletnih strani

Ustvari.si

Nescafé

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."

Moje-Mesto.com

Oglasi

Naključni CSS vodiči