28 Haziran 2016 Salı

CSS CLEAR ÖZELLİĞİ

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
body {
background-color: #b5bac0;
}
.urun{
    width: 326px;
    height: 360px;
    background-color: #2c6dbc;
    float:left;
}
.urun.farkli{
 
    background-color: aquamarine;
}
.urun.farkli2{
 
    background-color: bisque;
}
.alt-bilgi{
    background-color: deeppink;
    width: 900px;
    height: 200px;
    clear:both;
}
</style>
   
</head>
<body>
<div class="urun">BİRİNCİ ÜRÜN</div>
<div class="urun farkli">iKİNCİ ÜRÜN</div>
<div class="urun farkli2">ÜÇÜNCÜ ÜRÜN</div>

<div class="alt-bilgi">Buraya altbilgiler gelecek</div>
</body>
</html>

Hiç yorum yok:

Yorum Gönder