文本样式、文本阴影和超链接伪类 2022-1-25

最新推荐文章于 2024-06-04 14:56:07 发布

心️要努力吖

最新推荐文章于 2024-06-04 14:56:07 发布

阅读量1k

点赞数

分类专栏：笔记文章标签： css html css3

本文链接：https://blog.csdn.net/m0_56661579/article/details/122709579

版权

一、文本样式

1.1颜色

rgba(0,255,255,0.1) 0.1是透明度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    颜色
    rgb   0~F
    rgba  A：0~1
    -->
    <style>
        h1{
            color: rgba(0,255,255,0.1);
        }
    </style>
</head>
<body>
<h1>故事介绍</h1>
<p>
    熊大和熊二到森林中采摘水果，可到家才发现，辛辛苦苦摘到的水果都不见了。
    “熊二不是让你拿好吗！？”熊大愤怒的说。“为什么所有的错都怪我...” 熊二很委屈。
</p>
<p>
    找不回全部的水果不能回家哦！太可怜了。快来帮帮他们吧！熊大喜欢苹果，熊二喜欢鸭梨，
    收集全部的水果回家，即可成功过关。吃了神奇药水，熊变大后可以踩死野猪，普通状态碰到野猪会死哦，小心!
</p>
<p>
    If you were a teardrop;In my eye,
    For fear of losing you,I would never cry.
    And if the golden sun,Should cease to shine its light,
    Just one smile from you,Would make my whole world bright.
</p>
</body>
</html>

在这里插入图片描述

2.1文本对齐的方式、首行缩进

text-align；排班，居中
text-indent: 2em;段落首行缩进两个字符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    text-align；排班，居中
    text-indent: 2em;段落首行缩进
    -->
    <style>
        .p1{
            text-indent: 2em;

最低0.47元/天解锁文章

心️要努力吖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文本样式、文本阴影和超链接伪类 2022-1-25

一、文本样式1.1颜色rgba(0,255,255,0.1) 0.1是透明度<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>  <style>
复制链接

扫一扫