CSS Kullanarak Onay İşareti/Tık Çizme

' içeren kapsayıcı öğe İD ” veya “ sınıf ”:

< div İD = 'onay işareti' >< / div >

Yukarıdaki HTML ifadesinde, bir “ div ” öğesi, “ olarak beyan edilen id ile eklendi. onay işareti ”.

Öğeyi CSS özelliklerini kullanarak şekillendirirken bir ' İD HTML öğesine başvurmak ve ardından içindeki özellikleri belirtmek için ” seçicisini kullanın:

---

---

#onay işareti
{
dönüştürmek: döndürmek ( 45 derece ) ;
yükseklik : 45 piksel;
Genişlik : 20 piksel;
sol kenar boşluğu: elli %;
alt kenarlık: 9 piksel katı koyu zeytin yeşili;
sağ kenarlık: 9 piksel katı koyu zeytin yeşili;
}

Yukarıdaki CSS stil öğesi aşağıdaki özelliklere sahiptir:

• “ dönüştür: döndür(45 derece) ”, düz dikey ve yatay çizgileri, bir kene simgesi şeklini alacak şekilde döndürür.
• “ yükseklik ” özelliği, kene sembolünün yüksekliğini “ olarak ayarlar. 45 piksel ”.
• “ Genişlik ” özellik, sembolü “ yapar 20 piksel ' geniş.
• “ sol kenar boşluğu ” özelliği, onay simgesini web sayfası arayüzünün ortasına hizalar.
• Bundan sonra “ sınır-alt ' Ve ' sağ sınır ” özellikleri, her iki satırın kenarlık ağırlığını “ olarak ayarlar. 9 piksel ” ve “ tanımlayın koyu zeytin yeşili Tam bir tik sembolü oluşturan her iki çizgi için ” rengi.

Bu, web sayfası arayüzünün ortasında görüntülenen yeşil renkli basit bir onay işareti veya onay işareti oluşturacaktır. 45 piksel 'yüksek ve' 20 piksel ' geniş:

Yöntem 2: Unicode Karakterleri Kullanarak Onay İşareti/Tick Ekleme

Ayrıca, onlar için parametre değerlerini biçimlendirmeye ve tanımlamaya gerek kalmadan onay işareti sembollerini çıktıya otomatik olarak ekleyen bazı Unicode karakterler de vardır. Örneğin, Unicode karakteri “ U+2713 ” çıktıya basit bir onay işareti eklenmesine yardımcı olur. Benzer şekilde, Unicode karakteri “ U+2713 ” çıktıya beyaz kalın onay işaretinin eklenmesine yardımcı olur. Bu Unicode karakterleri bir HTML belgesine nasıl ekleyeceğinizi eksiksiz bir kılavuz aracılığıyla öğrenmek için tıklayın Burada .

Çözüm

Önce bir kimliğe veya sınıfa sahip bir HTML öğesi oluşturularak ve ardından bu öğeye atıfta bulunmak için CSS stil öğesine kimlik veya sınıf seçici eklenerek bir onay işareti veya bir onay işareti çizilebilir. Web sayfası arayüzünde bir onay işareti/tik şekli oluşturmak için “ gibi farklı CSS özellikleri yükseklik ”, “ Genişlik ”, “ döndür ' Ve ' renk ” işareti istenilen onay işaretinin tipine ve boyutuna göre kullanılabilir. Bu blog, CSS kullanarak bir onay işareti/tik çizme yöntemini gösterir.