前端的学习之路:初级CSS---其他的文本样式
程序员文章站
2022-05-10 11:02:37
...
其他的文本样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>其他的文本样式</title>
<!-- <link rel="stylesheet" href="../chujicss/css/11.23.07.css"> -->
<style>
.box1{
font-size: 50px;
/*
text-decoration 设置文本修饰
可选值:
none:什么都没有
underline:下划线
line-through:删除线
overline :上划线
*/
/* text-decoration: underline; */
/* text-decoration: underline red dotted; */
}
.box2{
width: 200px;
/*
white-space 设置网页如何处理空白
可选值:
normal:正常
nowrap:不换行
pre:保留空白
*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;/*省略号....*/
}
</style>
</head>
<body>
<div class="box2">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe aut et perspiciatis qui consequuntur magnam tempore in accusamus iusto. Atque rem nisi dignissimos consequatur fugiat autem. Fugiat maxime odit provident!
</div>
<div class="box1">
今天天气不错
</div>
</body>
</html>
运行结果为:
上一篇: Python学习第12天
下一篇: 学习python第12天