1. <!DOCTYPE html>
  2. <html lang="tr">
  3.  
  4.     <head>
  5.  
  6.         <meta charset="UTF-8" />
  7.         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8.  
  9.         <title>Temel CSS Örneği</title>
  10.  
  11.         <style>
  12.  
  13.             body {
  14.                 font-family: Arial, sans-serif;
  15.                 background-color: #f5f5f5;
  16.                 color: #333;
  17.                 margin: 0;
  18.                 padding: 0;
  19.             }
  20.  
  21.  
  22.             header {
  23.  
  24.                 background: #4CAF50;
  25.                 color: white;
  26.                 padding: 20px;
  27.                 text-align: center;
  28.             }
  29.  
  30.             .content {
  31.                 padding: 20px;
  32.                 max-width: 800px;
  33.                 margin: auto;
  34.             }
  35.  
  36.             .btn {
  37.                 background-color: #4CAF50;
  38.                 color: white;
  39.                 padding: 10px 20px;
  40.                 border: none;
  41.                 border-radius: 5px;
  42.             }
  43.  
  44.             .btn:hover {
  45.                 background-color: #45a049;
  46.             }
  47.  
  48.             a {
  49.                 color: #4CAF50;
  50.             }
  51.  
  52.             a:hover {
  53.                 text-decoration: underline;
  54.             }
  55.         </style>
  56.  
  57.  
  58.  
  59.     </head>
  60.  
  61.  
  62.  
  63. </html>