css3基础样式 边框 阴影 字体

css3基础样式 边框 阴影 字体


关于边框
border-radius border-radius：0px 10px 20px 0px;设置四个方向的值


box-shadow  css中的box-shadow属性被用来添加阴影。


书写格式
box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 颜色；
box-shadow:10px 20px; 5px blue;


css3文本效果


text-shadow（文字阴影）
通过这个属性可指定水平阴影，垂直阴影，模糊的距离，以及阴影的颜色。
p{
text-shadow:5px 0px 5px #fff;
}
<p>这里是文字效果</p>


css3字体 使用css3，网页设计师可以使用他喜欢的任何字体。


使用时，在项目中建立好res文件夹，用来放资源，把下载好的字体放入其中。
先用@font-face定义字体名和地址，再在样式表中，像使用其他字体一样使用


@font-face{
font-family:myFirstFont;//自定义的字体名
src:url('res/lxksf.ttf');//字体存放的路径
}
p{font-family:myFirstFont;//使用
font-size:50px;
}
<p>当前使用的是自定义的字体</p>