-
-
Nota: As posições de sombra horizontal e vertical permitem valores negativos,
sombra h necessária. A localização da sombra horizontal. Permitir valores negativos para
a sombra em V necessária. A localização da sombra vertical. Permita que valores negativos
sejam opcionais. A
propagação da distância do borrão é opcional. O tamanho da sombra é
opcional. A cor da sombra.
A inserção é opcional. Altere a sombra interna da sombra da sombra externa (no início)
box-shadow: 10px 10px 5px 10px # 888888 inserção;
Forma abreviada:
O código de implementação específico é o seguinte:
<! DOCTYPE html>
<html lang = "pt">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width = largura do dispositivo, escala inicial = 1.0">
<style>
* {
margem: 0;
estofamento: 0;
}
.caixa{
largura: 500 px;
margem: 40px automático;
alinhamento de texto: centro;
}
.box p {
tamanho da fonte: 40 px;
cor: # e6c9c9;
sombra de texto: -4px 0px 1px # 000;
}
.sombra{
cor de fundo: #eee;
largura: 200 px;
altura: 200 px;
margem: 20 px automático;
sombra da caixa: 0px 0px 10px # bd9c9c;
}
</style>
</head>
<body>
<div class = "box">
<p> Propriedades da sombra do texto </ p>
<div class = "shadow">
</div>
</div>
</body>
</html>
Se você se sentir útil, preste atenção e sempre compartilhará seu conhecimento. ! !