当前位置: 首页 > Web前端 > vue.js

CSS样式改变——字体设置Font&Border

时间:2023-03-31 17:43:29 vue.js

上一篇文章主要讲了CSS样式改变中的背景Background。在这篇文章中,我们将讨论字体设置Font&Border的基本用法。1.字体设置Font1).Fontfamily

可用字体:SerifSans-serifMonospaceCursiveFantasyTimesCourier2).Fontstyle
Textslant:normaltextnormaldisplayitalictextitalicdisplayobliquetextslantdisplay3).字体变形
正常显示标准字体。small-caps一种显示小型大写字母的字体。4).字体加粗
普通标准字符加粗加粗加粗字符较粗的字符较轻较细的字符也可用数字表示,范围为100~9005).字体大小smaller变小变大length固定值也支持百分比2.BorderBorder先说border样式,它有很多样式,常用的一般有实线:hiddenhiddenborderdotteddottedborderdasheddashedbordersolidsolidlineborderdoubledoublelinebordergroove3Dgrooveborderridge3DRidge-shapedborderinset3Dinsetborderoutset3Doutsetborder边框也有四个边,所以会有上、下、左、右,所以有时候为了更准确的定位和修改样式,可以使用:border-top-styleupperborderstyleborder-right-style右边框样式border-bottom-style底部边框样式border-left-style左边框样式le首先定义边框的宽度样式和颜色,然后定义边框的其他属性。1).边框形状2)。bordershadow参数含义:每个方向边框的大小和颜色3).边框图片参数含义:边框图片的路径图片边框向内偏移Imageborderwidthborder图像区域超出边界图像边界是否应重复、圆角或拉伸。总结本文主要介绍CSS样式变化章节中的字体设置Font&Border设置,希望能让大家对CSS选择器有一个简单的了解和理解。看完这篇文章你有收获吗?请转发并分享给更多的人。如果想了解更多,请到Python爬虫和数据挖掘的专门网站:http://pdcfighting.com/