Интересный стиль для таблицы!

Совершенно случайно получился вот такой вот прикольный на мой взгляд стиль для таблиц, может кому пригодится!!!Совершенно случайно получился вот такой вот прикольный на мой взгляд стиль для таблиц, может кому пригодится!!! Я использую как заголовок в админке, можно прикрутить как банерную позицию, цвета можно настроить!!!

КОД CSS:

.curved-hz-2 {
    position:relative;
    width:100%;
    padding:1em;
    margin:2em 10px 4em;
    background:#378BBF;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.curved-hz-2:before,
.curved-hz-2:after {
    content:"";
    position:absolute;
    z-index:3;
}

.curved-hz-2:before {
    top:0px;
    bottom:0px;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:100px / 10px;
         border-radius:100px / 10px;
}

.curved-hz-2 p {
    font-size:16px;
    font-weight:bold;
}  

НУ А ВЫВОД НА СТРАНИЦУ ПРИМЕРНО ТАК!!!


<center>
<table style="background-color: #D6DADD;">
<tr>
<td>
<center>
<table style="width: 600px;" class="curved-hz-2">
<tr>
<td style="color: #FFFFFF; font-weight: bold; font-style: italic;"><center>Список пользователей и их редактирование!</center></td>
</tr>
</table>
</center>

Вруг кому и правда понравиться ставте плюсики

Автор публикации

не в сети 8 лет

davydovdima

Комментарии: 0Публикации: 1Регистрация: 10-01-2013

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Отправить комментарий

avatar
wpDiscuz
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля