HTML, css, script, MySQL :: CSS - Cascading Style Sheets - каскадные таблицы стилей
Тени
<style>
#tn_kr {
width: 500px;
height: 200px;
background: #ABB181;
color: #000000;
padding: 10px;
margin: auto;
border: 1px solid #77BBDD;
border-radius: 16px;
font-size: 32px;
text-align: center;
text-shadow: -4px 3px 8px rgba(0,0,0,0.6);
box-shadow: 0 0 40px rgba(55,200,100,0.9);
}
</style>
<div id="tn_kr">
Тень вокруг текста и блока
</div>
Тень вокруг блока и у текста
<style>
#shed_right {
width: 100px;
height: 100px;
background: #8F0055;
color: #BF8045;
padding: 10px;
margin: 10px;
allign: right;
font-size: 28px;
text-align: center;
box-shadow: 4px 2px 8px 2px #090CF5;
}
</style>
<div id="shed_right">
Тень справа
</div>
Тень справа
<style>
#shed_left {
width: 100px;
height: 100px;
background: #CF0055;
color: #BF8045;
padding: 10px;
margin: 10px;
font-size: 28px;
text-align: center;
box-shadow: -4px 2px 8px rgba(10,100,50,0.5);
}
</style>
<div id="shed_left">
Тень слева
</div>
Тень слева
|
|
|