字体引入+盒子阴影

Posted on 2015-04-10 12:51  小蕊同学  阅读(163)  评论(0编辑  收藏  举报

20150409 字体在网页中显示
1.首先把字体放入font文件包
h1{
 font-size:50px;
 text-align:center;
 color:green;
 font-family:my;   可以随意命名和下面的font-family名字必须一致
}
@font-face{
 font-family:my;
 src:url(font/y.ttf);
}
.aa{
 font-size:30px;
 text-align:center;
 color:red;
 font-family:fz;
}
@font-face{
 font-family:fz;
 src:url(font/fz.ttf)}
</style>
2.盒子模型的阴影效果
h1{
 box-shadow:2px 1px 30px 3px yellow;   向右边移2px 向下移动1px 模糊度为30px 阴影的宽度为3px 阴影的颜色为黄色
 width:500px;
 height:50px;
 text-align:center;
}

Copyright © 2024 小蕊同学
Powered by .NET 8.0 on Kubernetes