CSS样式更改字体设置Font&边框Border cssborder更改方法

上篇文章主要描述了css样式更改中的背景Background。这一篇文章我们来谈谈字体设置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'/divnormal 展现标准字体。small-caps 展现小型大编辑字母的字体。4).字体加粗div style='font-weight:normal'/divnormal 标准的字符bold 粗体字符bolder 更粗的字符lighter 更细的字符也完全可以使用数字表示。周围为100~9005).字体大小div style='font-size:60px'/divsmaller 变小larger 变大length 特定值而且还接受百分比2.边框Border首先说一下边框风味。它的风味比较多。常用的往往一般是实线为主：

div style='border-style:none'/divhidden 掩藏边框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).边框形状div style='border-radius:25px;'/div2).边框阴影

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选择器有个简单的了解和知道。****就这样看完本文有获得？请转发共享给再多的人****

您还感兴趣的文章推荐

• 十大帅哥明星排行榜 全球颜值排名前十男2021
• 好用的睫毛膏十大排行榜10强 大家用过最好用的睫毛膏
• 最帅的人是谁 第一名 2020全球最帅100人完整排行榜
• 全球最帅的男人排行榜 盘点历届全球最性感男人今昔对比照
• 搞笑韩剧排行榜前十名 浪漫搞笑爱情喜剧韩剧

以上就是由互联网推广工程师 桔子生活网 整理编辑的，如果觉得有帮助欢迎收藏转发~