Совершенно случайно получился вот такой вот прикольный на мой взгляд стиль для таблиц, может кому пригодится!!!Совершенно случайно получился вот такой вот прикольный на мой взгляд стиль для таблиц, может кому пригодится!!! Я использую как заголовок в админке, можно прикрутить как банерную позицию, цвета можно настроить!!!
КОД CSS:
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>
Вруг кому и правда понравиться ставте плюсики
Отправить комментарий
Вы должны быть зарегистрированы чтобы оставить комментарий.
Вы должны быть зарегистрированы чтобы оставить комментарий.