Notice: Undefined variable: this in /home/dimarini/public_html/libraries/src/Application/CMSApplication.php on line 441

CSS3 Ограждения

С помощта на CSS3 могат да се закръгляват ъглите на фигури.


<!DOCTYPE html>
    <html>
        <head>
            <style> 
                div {
                       border:2px solid #000;
                       padding: 5px 0px 10px 15px;
                       background:#777;
                       width:300px;
                       border-radius:10px;
                       color:white;
                }
            </style>
        </head>
    <body>
        <div>Свойството border-radius позволява закръгляване на ъглите на даден елемент.</div>
    </body>
</html>

Горният пример ще се възпроизведе в браузъра както е показано по-долу:


Свойството border-radius позволява закръгляване на ъглите на даден елемент.

В CSS3 свойството box-shadow се използва за добавяне на сянка към фигура.


<!DOCTYPE html>
<html>
    <head>
        <style> 
            div {
                   width:300px;
                   height:50px;
                   background-color:lightgray;
                   box-shadow: 10px 10px 5px #444;
                   border-radius:10px;
                   padding: 5px 0px 0px 15px;
            }
        </style>
    </head>
    <body>
        <div>Свойството box-shadow позволява добавянето на сянка към даден елемент.</div>
    </body>
</html>

Горният пример ще се възпроизведе в браузъра както е показано по-долу:


Свойството box-shadow позволява добавянето на сянка към даден елемент.