十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍“css字体设置Font边框Border的基础用法是什么”,在日常操作中,相信很多人在css字体设置Font边框Border的基础用法是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css字体设置Font边框Border的基础用法是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
丹凤网站建设公司成都创新互联,丹凤网站设计制作,有大型网站制作公司丰富经验。已为丹凤近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的丹凤做网站的公司定做!
1.字体设置Font
1).字体系列
可用字体: Serif Sans-serif Monospace Cursive Fantasy Times Courier
2).字体风格
文本倾斜: normal 文本正常显示 italic 文本斜体显示 oblique 文本倾斜显示
3).字体变形
normal 显示标准字体。 small-caps 显示小型大写字母的字体。
4).字体加粗
normal 标准的字符 bold 粗体字符 bolder 更粗的字符 lighter 更细的字符 也可以使用数字表示,范围为100~900
5).字体大小
smaller 变小 larger 变大 length 固定值 而且还支持百分比
2.边框Border
首先说一下边框风格,它的风格比较多,常用的一般是实线为主:
hidden 隐藏边框 dotted 点状边框 dashed 虚线边框 solid 实线边框 double 双线边框 groove 3D凹槽边框 ridge 3D垄状边框 inset 3D inset边框 outset 3D outset边框 边框也有四面,所以也会有上下左右 所以有时候为了更精确定位并修改样式可以使用: border-top-style 上边框样式 border-right-style 右边框样式 border-bottom-style 下边框样式 border-left-style 左边框样式
先定义边框的宽度 风格和颜色,然后定义边框的其它属性。
1).边框形状
2).边框阴影
参数含义: 边框各个方向的大小和颜色
3).边框图片
参数含义: 边框图片的路径 图片边框向内偏移 图片边框的宽度 边框图像区域超出边框的量 图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)。
到此,关于“css字体设置Font边框Border的基础用法是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!