自定义字体
@font-face {
font-family:自定义字体名称
src: url();
}
/* 自定义字体 */
@font-face {
font-family: jyy;/*自定义字体名称*/
src: url(./fonts/comicbd.ttf);
}
p{
font-family: jyy;
}
文本阴影
text-shadow: x方向偏移 y方向的偏移 模糊值 颜色;
/* 文本阴影 */
/* text-shadow:x方向偏移 y方向偏移 模糊值 颜色 */
.p1 {
text-shadow: 0 0 2px red;
}
元素阴影
box-shadow: x方向偏移 y方向的偏移距离 模糊值 阴影的宽 颜色 阴影的位置(inset内阴影),不写就是外阴影;可以设置多个阴影,用,隔开。
/* 元素阴影 */
/* box-shadow:x方向偏移 y方向偏移 模糊值 阴影宽度 颜色 阴影的位置(inset/不写)*/
.box {
margin: 0 auto;
box-shadow: 2px 2px 5px 5px green,-5px -5px 5px 10px blue;
}