Jump to content
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

CSS

  • entries
    53
  • comments
    0
  • views
    1,341

Block - Tailwind


Doğuhan ELMA

74 views

1.png

HTML:

<div class="min-h-screen bg-blue-500 p-8">
    <div class="relative mx-auto bg-white rounded-xl shadow-xl h-56 w-80">
        <div class="bg-amber-100 w-32 h-32 absolute -top-2 -right-2">
            <a class="bg-amber-300 block ">elmacademy.net</a>
        </div>
    </div>
</div>

Açıklama:

Yukarıdaki örnekte, block sınıfı, elementin display: block; stilini uygular. Bu, elementin kendisinden sonra bir sonraki içeriğin yeni bir satırda başlamasını sağlar ve elementin genişlik ve yüksekliğini diğer içeriklere göre ayarlayarak blok olarak görüntülenmesini sağlar.

0 Comments


Recommended Comments

There are no comments to display.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...