宜宾网站建设公司

css字体设置Font边框Border的基础用法是什么

这篇文章主要介绍“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的基础用法是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！


本文标题：css字体设置Font边框Border的基础用法是什么
文章起源：http://ybzwz.com/article/pgicij.html

其他资讯