Ben nasıl ulaşılacağını emin değilim Son zamanlarda ofise üzerinde yoğunlaştık gibi bir web sitesi stil ve am tek bir harf

Question

yapılmış bir çerçeve oluşturma bu .. Belki birisi

Ana div olduğunu bana yardımcı olabilir 1000 piksel genişliğinde. Ve tek bir harfle yapılmış bu div için bir sınır yaratmak ister. Bir renkle bir dolgu malzemesi eklemek yerine, ham bir görünüm vereceğini düşünüyorum.

bu şekilde görünecektir:

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
@       @ 
@       @ 
@       @ 
@       @ 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 

orada kolayca bunu başarmak için bir yol var mı. Sabit genişlikli div düşünüldüğünde, aygıtlara göre ayarlanabilir ve bu nedenle genişliği değişebilir ..

Answer 1

border-image'u, ne istediğinize çok yakın bir şekilde gerçekleştirmek için kullanabilirsiniz. Çok yakın söylüyorum, çünkü divun dinamik çözünürlüğü yüzünden, bazı karakterler kırpılacak.

herhangi bir karakter kırpma önlemek amacıyla kurala round seçeneğini ekleyebilirsiniz:

yuvarlak seçenek dağıtır tekrar tercihi bir çeşidi

Bitmap tekrarlanan (yuvarlak) fayans uçları güzel bir şekilde bağlanır.

resmin kendisini nasıl oluşturulacağını gösteren Faydalı madde: https://css-tricks.com/almanac/properties/b/border-image/#article-header-id-10

sizin durumda, bir kare oluşturan 8 @ işaretleri oluşacak.