Video: CSS Image Replacement - Dreamweaver CS6 Tutorial 2024
Dreamweaver CS6'nın Bir Parçası Aptallar Cheat Sheet
için Dreamweaver CS6'da CSS3 kurallarıyla metin gölgeleri ekleyerek tasarımlarınızı geliştirebilir ve sayfalarınıza daha fazla derinlik kazandırabilirsiniz. en yeni web teknolojisi. Metin gölgeleri ekleme, özellikle tasarımınız karmaşık bir arka plana sahipse veya arka plan ve metin renklerinizde zıtlık varsa kelimelerin daha kolay okunmasını sağlar.
CSS Stilleri panelinde Özellikler bölmesini kullandığınızda Dreamweaver CS6, CSS3 metin gölgeleri için destek içerir. Metin gölgeleriyle sınıf veya kimlik stilleri oluşturabilir ve resimde kullanılan başlık 1 stili gibi bir etiket stili tanımlayarak mevcut HTML öğelerine metin gölgeleri ekleyebilirsiniz.
Bu metin gölgesini oluşturan CSS3 kodu
h1 {text-shadow: 2px 2px 3px # 000;}
Koddaki sayılar, metin gölgesinin 2 piksel sağa ve 2 piksel uzatması gerektiğini belirtir 3 piksel bulanıklığı olan metnin altındaki pikselleri. Buna ek olarak gölge, # 000 kısaltılmış onaltılık renk kodu ile belirtilen siyah renkle oluşturulur.
İlk iki sayı değeri gereklidir ve yatay ve dikey uzaklıkları belirtin - mesafe gölge metnin altında (yatay) ve metnin sağında (dikey) uzanır.-
Blur yarıçapı: Üçüncü değer gölgedeki bulanıklığı belirtir. Bulanıklık yarıçapı eklemezseniz, varsayılan değer 0'dır ve gölge düz renk olarak görünür.
-
-
Resimde gösterildiği gibi, CSS Stilleri panelinin altındaki Özellik bölmesini kullanarak bir metin gölgesi ekleyebilirsiniz. Bunu yapmak için şu adımları izleyin: CSS Stilleri Özellik bölmesinin sol tarafındaki Özellik Ekle bağlantısını tıklatın.
CSS3 stil kuralı adını, metin gölgesini girin veya açılır listeden stil kuralı seçin.
-
Ad sol tarafta göründükten sonra sağda küçük bir ok görünür.
-
Metin gölgesinin sağındaki oku seçmek için tıklatın.
Bir kutu görüntülenir.
-
X ve Y ofsetlerini, bulanıklığın yarıçapını ve rengini girin.