上篇文章主要描述了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双线边框groove3D凹槽边框ridge3D垄状边框inset3D inset边框outset3D 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).边框图片
【CSS样式更改字体设置Font&边框Border cssborder更改方法】div style='border-image:url(1.png) 30 30 10 round'/div参数含义:边框图片的路径图片边框向内偏移图片边框的宽度边框图像地区超出边框的量图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched) 。总结这一篇文章主要讲解了CSS样式更改篇中的字体设置Font&边框Border设置 。渴望让各位对CSS选择器有个简单的了解和知道 。****就这样看完本文有获得?请转发共享给再多的人****
推荐阅读
- “圣人不死,大盗不止”是庄子的负能量,还是庄子的大智慧?
- 有没有在网上买过茶叶?
- 察言观色的典故出自哪里?有着怎样的故事?
- 广告提案的格式和样本 新手小白写广告文案的注意
- 单纯口粮红茶品牌哪个更好,正山堂,五虎,艺福堂,八马,这几个主力销量茶叶对比好坏?
- 《颜回偷食》这个典故有何寓意?
- 最漂亮的多肉植物 世界上最美的多肉植物
- 求口感佳的花茶品牌?
- OPPO Reno7标准版和Reno7 Pro哪一款值得买?