Java Web实例（2）

Skywalker玄默冲虚

已于 2022-03-27 09:53:44 修改

阅读量237

点赞数

分类专栏： Java Web 文章标签： java html5

于 2022-03-27 02:45:00 首次发布

本文链接：https://blog.csdn.net/m0_51768219/article/details/123765287

版权

Java Web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在这里插入图片描述

代码如下

<!DOCTYPE html> 
 <html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <style> 
 p{ 
 /*前面是字体族名称 最后一个是类族名称
 浏览器在显示字体的时候，依次判断是否支持当前的字体，知道最后的字体系列*/ 
 font-family: "仿宋","宋体",sans-serif; 
 /*bold 加粗 bolder 深度加粗 lighter 细体（100-900）*/ 
 font-weight: bold; 
 /*font-size 字体大小 取值：1、具体的 px 值
 2、百分比（默认字体大小 16px）*/ 
 font-size: 150%; 
 /*font-style 字体斜体*/ 
 font-style: italic; 
 color: green; 
 /*opacity 透明度（0 是全透明）*/ 
 opacity: 1; 
 font-size: 30px; 
 /*line-height 行高：单行字体占用的高度*/ 
 line-height: 45px; 
 /*justify 两端对齐 left=start：左对齐（默认） right=end：右对齐 ceenter: 
居中对齐*/ 
 text-align:justify; 
 /*letter-spacing:控制字符间距（px normal）*/ 
 letter-spacing: normal; 
 /*文本修饰 下划线 underline 中划线 line-through 上划线 over*/ 
 text-decoration: none; 
 /*三者配合使用：不换行，以...的形式显示
 (三个属性配合使用实现单行超出文本隐藏)*/ 
 /*overflow: hidden; !*处理超出显示屏的内容隐藏*! 
 white-space: nowrap; !*不换行*! 
 text-overflow: ellipsis; !*截取还是以...的方式显示*!*/ 
 /*文本阴影颜色 x 方向的偏移 y 方向的偏移 阴影的颜色*/ 
 text-shadow: 2px 2px #f2e78d; 
 /*文本描边 描边的宽度 描边的颜色*/ 
 -webkit-text-stroke: 2px #ff7292; 
 /*首行缩进*/ 
 /*em：相对的字符单位（2 倍的字体大小）*/ 
 text-indent: 2em; 
 } 
 </style> 
 <title>字体</title> 
 </head> 
 <body> 
 <p> 
 每天学一点，你将大不同！</p> 
 </body> 
</html>

Skywalker玄默冲虚

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Java Web实例（2）

代码如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> p{ /*前面是字体族名称最后一个是类族名称浏览器在显示字体的时候，依次判断是否支持当前的字体，知道最后的字体系列*/ font-family: "仿宋","宋体",sans-serif; /*bold 加粗 bolder 深度加粗 lighter 细体（10.
复制链接

扫一扫

专栏目录