1、文字相关样式
透明度: opacity: 0.1; (取值范围0-1)
RGBA: color: rgba(255, 0, 0, 0.6);
文本阴影:text-shadow: h-shadow v-shadow blur color;
text-shadow:必填水平阴影的位置,允许负值
h-shadow:必填垂直阴影的位置,允许负值
blur:选填,模糊距离
color:选填,阴影的颜色,默认跟字体颜色一致设置鼠标放上去出现阴影效果 .box{ transition: .3s; } .box:hover{ text-shadow:0 0 35px pink; }
字体引用:
@font-face{ font-family: "maozedong"; src: url(../fonts/maozedong.ttf); } .box{ font-family: "maozedong"; }
2、边框样式
bo