Web Tasarım

CSS Kutu Modeli örnek

5 Kasım 2019 aydiner #html #css #webtasarım

<!DOCTYPE html>
<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=McLaren&display=swap');
div {
  font-family: 'McLaren', cursive;
  font-size:25px;
  width:380px;
  height:280px;
  border: 2px solid black;
  margin: 50px auto;
  background-color: lightblue;
  padding:10px;
  line-height:180px;
  text-align:center;
  border-radius:10px;
  box-shadow: 0 0 10px 2px black;
}
</style>
</head>
<body>
<div>Bilişim Teknolojileri Alanı</div>
<hr>
</body>
</html>