Document

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="Zad63_berg.css">
</head>
<body>
    <div id="pierwszy_berg" >
        <p>Pierwszy akapit/pierwszy DIV --> Berg id="pierwszy_berg"</p>
        <p>Drugi akapit/pierwszy DIV <br>
        pierwszy akapit --> p:first-child {font-size:7mm;font-style:italic;} <br>
        bo numer nieparzysty w dzienniku <br>
        pozostałe akapity --> {font-size: 11pt;} bo numer nieparzysty <br>
        szerokość bloku = 700 + 16 = 716pt <br>
    pierwszt DIV --> kolor jasno niebieski (3)</p>
        <p>trzeci akapit/pierwszy DIV <br>
        pierwszy DIV --> obramowanie granatowy <br>
        pierwszy DIV --> obramowanie grubosc - 5, ciagle (solid) <br>
        pierwszy DIV --> cztery narożniki 
        r1-promień krzywizny
        r1=7+8 = 15</p>
    </div>
    <div id="drugi_berg" >
        <p>Pierwszy akapit/drugi DIV --> Krystian id="drugi_berg"</p>
        <p>Drugi akapit/drugi DIV <br>
        drugi DIV --> kolor różowy <br></p>
        <p>trzeci akapit/drugi DIV <br>
        drugi DIV --> obramowanie czarny <br>
        drugi DIV --> obramowanie grubosc - 3, ciagle (solid) <br>
        drugi DIV --> cztery narożniki 
        r2-promień krzywizny
        r2=7+4= 11</p>
    </div>
    <div id="trzeci_berg" >
            <p>Pierwszy akapit/trzeci DIV --> 1P id="trzeci_berg"</p>
            <p>Drugi akapit/trzeci DIV <br>
            trzeci DIV --> kolor jasno zielony <br></p>
            <p>trzeci akapit/trzeci DIV <br>
            trzeci DIV --> obramowanie fioletowy <br>
            trzeci DIV --> obramowanie grubosc - 7, ciagle (solid) <br>
            trzeci DIV --> cztery narożniki 
            r3-promień krzywizny
            r3=7+12 = 19 
            </p>
        </div>
    
        CSS

p{font-size:11pt;}

p:first-child{font-size:7mm;font-style:italic;}

body {
    background-color: silver;
}

div#pierwszy_berg{
    border-width: 5px;
    border-style: solid;
    border-radius: 15px;
    border-color: rgb(0, 0, 128);
    width: 716pt;
    background-color: rgb(65, 105, 225);
    margin-left: auto;
    margin-right: auto;
}
div#drugi_berg{
    border-width: 3px;
    border-style: solid;
    border-radius: 11px;
    border-color: rgb(000, 000, 000);
    width: 916pt;
    background-color: rgb(255, 192, 203);

}
div#trzeci_berg{
    border-width: 7px;
    border-style: solid;
    border-radius: 19px;
    border-color: rgb(184, 3, 255);
    width: 1116pt;
    background-color: rgb(147,246, 0);
    margin-left: auto;
    margin-right: auto;
}
<div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hosting2.keep.pl/prv_hosting_footer.js"></script></body>
</html>