java字体设置框_CSS样式更改——字体设置Font边框Border

上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈字体设置Font&边框Border的基础用法。 ###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选择器有个简单的认识和了解。看完本文有收获？请转发分享给更多的人

IT共享之家

想要学习更多，请前往Python爬虫与数据挖掘专用网站：http://pdcfighting.com/

java字体设置框_CSS样式更改——字体设置Font边框Border相关推荐

Markdown (CSDN) MD编辑器（二）- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
目录 1.Markdown现有的文本样式. 2.HTML的font标签-改字体.字体颜色.字体大小. 3.HTML的mark标签-标记文本 4.HTML的strong标签-加粗文本 5.HTML的em ...
EasyExcel 批量设置单元格样式（字体样式、底纹样式、边框样式、对齐方式、自动换行、旋转文字、竖向文字、数据格式、自动收缩）
目录 1 Maven配置 2 CellStyleModel 3 CustomCellStyleHandler 4 调试代码 5 调试结果注: 1 Maven配置 <!--hutool工具包-- ...
div固定大小文字溢出自动缩小_CSS样式更改——框模型、定位、浮动、溢出
前言上篇文章主要介绍了CSS样式更改篇中的列表.表格和轮廓,这篇文章主要介绍CSS样式更改中框模型.定位.浮动.溢出基础知识. 1.框模型Border Model 从上图可以得知,如果把一个网页比作 ...
在无字体时使用word样式，并设置字体样式
1.引用依赖 <dependency><groupId>org.apache.poi</groupId><artifactId>poi</arti ...
android studio改字体,在Android Studio中更改字体样式的不同方法有哪些
在Android Studio中右键单击app&创建文件夹资产. 右键单击资产并创建文件夹字体. 下载.ttf文件,即fontName.ttf并粘贴到fonts文件夹中. 现在你必须做主要的事 ...
css文本换行_CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 <div style='text-indent:2em'& ...
css 不换行_CSS样式更改——文本Content
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈文本Content内容的基础用法 1)).首行缩进文本 2)).文本对齐方式 3)).字间距 4)).文本间距 5)). ...
win7计算机睡眠怎么设置方法,win7系统更改（设置）计算机睡眠时间的操作方法...
很多小伙伴都遇到过对win7系统更改(设置)计算机睡眠时间进行设置的困惑吧,一些朋友看过网上对win7系统更改(设置)计算机睡眠时间设置的零散处理方法,并没有完完全全明白win7系统更改(设置)计算机 ...
echarts实现江苏省靖江市镇级地图（注册地图json、根据数据大小设置区域色、更改字体样式、设置散点图）
效果图注册地图(地图json文件在最底下) import { registerMap } from "echarts"; import jjingjiangMap from &q ...
html语言更改字体大小,在HTML中更改字体大小
我有一个包含的CSS .warning{ margin-top: 1em; padding: 10px 5px 15px 45px; border-color: #680000; border-wid ...

java字体设置框_CSS样式更改——字体设置Font边框Border

java字体设置框_CSS样式更改——字体设置Font边框Border相关推荐

最新文章

热门文章