CSS基础知识2

最新推荐文章于 2024-05-21 18:11:13 发布

中小庸

最新推荐文章于 2024-05-21 18:11:13 发布

阅读量51

点赞数

分类专栏： Web 文章标签： html css web

本文链接：https://blog.csdn.net/qq_49556725/article/details/118568431

版权

Web 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

CSS基础知识2

字体
段落
- 阴影
- 边框

<!DOCTYPE html>
<!--DOCTYPE 是指定当前的html的版本，这里默认指定的是html5-->
<html>
<!--这里是html文件中的框架，将html文件括起来-->
<head>
  <meta charset="utf-8">
</head>

<body>

<h1 style="text-shadow: 0px -1px 0px #000000, 0px 1px 3px #606060; color : #606060;
outline-color: red; outline-style: groove; outline-width: 10">
  <!--阴影是可以进行光影的组合，组成成很炫的效果-->
  <!--加边框 : outline-color, outline-style-->
h1 标题
</h1>

<p style="font-family: cursive;font-style: oblique; font-variant: small-caps;
  font-weight: 400; font-size: 1.4em">
  <!--
    font-family: Serif sans-serif monospace cursive fantasy 字体选择
    如果指定的字体没有，那么就用浏览器默认的字体
  -->
  <!--font-style : oblique 倾斜的-->
  <!--font-variant : small-caps 小的大写字母 -->
  <!--font-weight : 字体的粗细-->
  <!--font-size : 字体的大小 多少个em(1em是正常的字体的大小 / px -->
  有怀投笔，慕宗悫之长风。舍簪笏于百龄，奉晨昏于万里。非谢家之宝树，接孟氏之芳邻。他日趋庭，叨陪鲤对；今兹捧袂，喜托龙门。杨意不逢，抚凌云而自惜；钟期既遇，奏流水以何惭？
</p>

<p style="text-shadow: 3px 5px 5px rgba(0,255,0,0.5)">
  <!--text-shadow : 做阴影 (在x方向上延申多少, 在y方向上延申多少,阴影的范围有多大)-->
  呜乎！胜地不常，盛筵难再；兰亭已矣，梓泽丘墟。临别赠言，幸承恩于伟饯；登高作赋，是所望于群公。敢竭鄙怀，恭疏短引；一言均赋，四韵俱成。请洒潘江，各倾陆海云尔：</p>

</body>

</html>

在这里插入图片描述

中小庸

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS基础知识2

CSS基础知识2字体段落阴影边框<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body><h1 style="text-shadow: 0px -1px
复制链接

扫一扫