CSS Kullanarak Şekiller Nasıl Oluşturulur ? 2020

CSS

Bu makalede, CSS kullanarak bazı farklı şekil türleri tasarlayacağız. CSS ile her türlü şekli yapabilir.

Css İle Kare oluşturma

<!DOCTYPE html> 
<html> 
  
<head> 
    <style> 
        .square { 
            height: 50px; 
            width: 50px; 
            background-color: green; 
        } 
    </style> 
</head> 
  
<body> 
    <div class="square"></div> 
</body> 
  
</html> 

Ekran Çıktısı

Çember Oluşturma

<!-- Write HTML code here -->
<!DOCTYPE html> 
<html> 

<head> 
	<style> 
		.circle { 
			height: 70px; 
			width: 70px; 
			background-color: green; 
			border-radius: 50%; 
		} 
	</style> 
</head> 

<body> 
	<div class="circle"></div> 
</body> 

</html> 

Ekran Çıktısı

Dikdörtgen oluşturma

<!DOCTYPE html> 
<html> 

<head> 
	<style> 
		.rectangle { 
			height: 50px; 
			width: 80px; 
			background-color: green; 
		} 
	</style> 
</head> 

<body> 
	<div class="rectangle"></div> 
</body> 

</html> 

Ekran Çıktısı

Bu Yazımızda Okuyun :   Eset Endpoint Security Key 2022, Eset Endpoint Nedir?
E-bültene Abone Ol Merak etmeyin. Spam yapmayacağız.

İlgili Yazılar

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Hızlı yorum için giriş yapın.

meritking meritking giriş kingroyal meritking güncel giriş madridbet güncel giriş
grandpashabet grandpashabet giriş cratosroyalbet betwoon
deneme bonusu veren siteler

Giriş Yap