css3文本效果与字体

最新推荐文章于 2023-09-21 14:23:27 发布

「已注销」

最新推荐文章于 2023-09-21 14:23:27 发布

阅读量328

点赞数

分类专栏：前端基础入门 css/css3 文章标签： css3

本文链接：https://blog.csdn.net/Allisa_yan/article/details/89002334

版权

css3文本
文本阴影
换行
新文本属性
css3字体（@font-face）

* css3文本 *

文本阴影

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>text-shadow</title>
<style type="text/css">
h1 {
	text-shadow: 5px 5px 5px red; /*水平/竖直方向可以为负值，模糊度不能为负值（为负数时，没有模糊效果）*/
}
</style>
</head>
<body>
<h1>lesson1 text-shadow</h1>
</body>
</html>

换行

break-all：在所有该换行的地方都会换行

keep-all：在半角空格或者连字符位置空行

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>word-break</title>
<style type="text/css">
h1 { width: 800px; margin: 10px auto; background: #abcdef; }
h1:nth-child(1) { word-break: normal; } /*默认，左边对齐*/
h1:nth-child(2) { word-break: break-all; }  /*直接断开单词*/
h1:nth-child(3) { word-break: keep-all; }  /*跟normal类似，但是标点符号后没有空格，则不会换行*/
h1:nth-child(4) { word-break: normal; }
h1:nth-child(5) { word-break: break-all; }   /

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css3文本效果与字体

目录 css3文本文本阴影换行新文本属性 css3字体（@font-face） *** css3文本 *** 文本阴影 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title&...
复制链接

扫一扫