vbar {

Dikey çizgiler oluşturmak ve bir web sitesinde içerik alanlarını ayırmak için CSS'yi kullanın.

DIV bölümü kullanma

1. Adım

Dikey çubuk eklemek istediğiniz web sayfasını açın.

2. Adım

Aşağıdaki etiketi kullanarak uygun konuma "VBar" adlı bir div bölümü ekleyin:

3. adım

Dosyayı kaydet

4. Adım

CSS dosyasını açın. Aşağıdaki gibi, dikey çubuk bölümünün niteliklerine sahip CSS dosyasına bir bölüm ekleyin:

vbar {

genişlik: px; yükseklik: px; arkaplan rengi: # ??????; }

Soru işaretlerini uygun değerlerle değiştirin. Örneğin, yükseklik ve genişlik piksel olarak 10px gibi bir formatla listelenmelidir. Arka plan rengi, altı basamaklı onaltılı bir web değeri biçiminde görünmelidir, örneğin, siyah # 000000 değerine veya beyaz # FFFFFF değerine sahip olacaktır. Daha onaltılı renkleri görmek için "Kaynaklar" bölümündeki CSS Renkleri bağlantısını ziyaret edin.

Adım 5

Dosyayı kaydet

Kenar özellikli bir bölümün kullanılması

1. Adım

CSS dosyasını açın.

2. Adım

Sayfanın dikey çubuğunu istediğiniz yerin yanında, sayfanın bölümüne bir kenar özelliği ekleyin. Örneğin, dikey çubuk eklemek istediğiniz yerin sol tarafında bir "kapsayıcı" bölümünüz varsa, bir kenar oluşturmak için bu bölüme bir sınır-sağ özniteliği ekleyin, örneğin:

kapsayıcı {

sınır-sağa: X; }

Farklı kenar özellik seçenekleri almak için "İpuçları" bölümünü inceleyin.

3. adım

Dosyayı kaydet

referanslar

  • W3Schools.com: CSS'ye giriş
  • W3Schools.com: Sınır CSS