江苏龙网

  1. 主页 > 生活百科 > >

CSS样式更改——字体设置Font&边框Border

CSS样式

这篇文章我们来谈谈字体设置Font&边框Border的基础用法 。
1.字体设置Font1).字体系列<div style='font-family: sans-serif normal'></div>可用字体：SerifSans-serifMonospaceCursiveFantasyTimesCourier2).字体风格<div style='font-style:normal'></div>文本倾斜:normal文本正常显示italic文本斜体显示oblique文本倾斜显示3).字体变形<div style='font-variant:small-caps'></div>normal显示标准字体 。small-caps显示小型大写字母的字体 。4).字体加粗<div style='font-weight:normal'></div>normal标准的字符bold粗体字符bolder更粗的字符lighter更细的字符也可以使用数字表示，范围为100~9005).字体大小<div style='font-size:60px'></div>smaller 变小larger变大length固定值而且还支持百分比2.边框Border首先说一下边框风格，它的风格比较多，常用的一般是实线为主：
<div style='border-style:none'></div>hidden隐藏边框dotted点状边框dashed虚线边框solid实线边框double双线边框groove3D凹槽边框ridge3D垄状边框inset3D inset边框outset3D outset边框边框也有四面，所以也会有上下左右所以有时候为了更精确定位并修改样式可以使用：border-top-style上边框样式border-right-style右边框样式border-bottom-style下边框样式border-left-style左边框样式先定义边框的宽度 风格和颜色，然后定义边框的其它属性 。
1).边框形状<div style='border-radius:25px;'></div>2).边框阴影
<div style='box-shadow:1px 2px 2px 2px red'></div>参数含义：边框各个方向的大小和颜色3).边框图片
<div style='border-image:url(1.png) 30 30 10 round'></div>参数含义：边框图片的路径图片边框向内偏移图片边框的宽度边框图像区域超出边框的量图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched) 。总结这篇文章主要介绍了css样式更改篇中的字体设置Font&边框Border设置，希望让大家对CSS选择器有个简单的认识和了解 。
****看完本文有收获？请转发分享给更多的人****
IT共享之家
想要学习更多，请前往Python爬虫与数据挖掘专用网站：http://pdcfighting.com/

【CSS样式更改——字体设置Font&边框Border】


    推荐阅读


    上一篇：线下商家怎么运用微信小程序留存和裂变客户？四个方法轻松解决

    下一篇：Mybatis-plus常用API全套教程，看完没有不懂的