Оформление цитат

Мы незамысловато оформим цитату в зелёный и белый цвета.

Комментарии в коде читать обязательно (для html комментарий это всё, что находится между <!-- и --> , а для css то, что находится между /* и */ ).

Это цитата
Вместо класса paragraf можно задать свой

Исходный код этого примера:

<style>
    .paragraf{
        background:#509950;
        border-left:15px solid #008500;
        margin-left:10px;
        margin-right:10px;
        padding:10px;
        color:#fff;
        /*Значение свойства color можно поменять на #CFD479*/
        /*Это простой зелёный стиль. Если хотите разнообразить его, то используйте hover. Я уже приготовил нужные данные (после этого комментария)*/
    }
    .paragraf:hover{
        background:#357e35;
        border-left:15px solid #006d00;
        /*После этого комментария писать по желанию*/
        cursor:default;
    }
</style>

<p class='paragraf'>
    Это цитата<br>
    Вместо класса paragraf можно задать свой
</p>