CSS Grid Oluşturucu
CSS grid düzenlerini görsel olarak oluşturma
Düzen ön ayarları (10)
Bir dikdörtgen boyamak için hücreler üzerinde sürükleyin veya hücrelere tek tek tıklayın. Adlandırılmış her alan dikdörtgen kalmalıdır.
Canlı önizleme
Tek boyutlu: CSS Flexbox Oluşturucu.
Adlandırılmış alanlarla CSS ızgarası oluştur
Şablon alanları için bir harf ızgarası çizin veya bir ön ayar seçin. Önizleme her bölgeyi farklı bir tonla gösterir.
SSS
grid-template-areas nedir?
Düzen bölgelerini (header, sidebar, main…) adlandırmanın ve öğeleri satır numaraları yerine adlarına göre yerleştirmenin bir yolu. Alan harflerini çizmek için aşağıdaki hücrelere tıklayın — CSS anında güncellenir.
Bir hazır ayarla başlayabilir miyim?
Evet — Holy grail, dashboard, magazine ve app shell dâhil on düzen hazır ayarı, adlandırılmış alanları tek tıklamayla yükler.
Bir şey yükleniyor mu?
Hayır. CSS'nin tamamı tarayıcınızda oluşturulur.
Son güncellenme: