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

一、文本样式

1.1颜色

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

    
    
    
    


故事介绍

    熊大和熊二到森林中采摘水果，可到家才发现，辛辛苦苦摘到的水果都不见了。
    “熊二不是让你拿好吗！？”熊大愤怒的说。“为什么所有的错都怪我...” 熊二很委屈。


    找不回全部的水果不能回家哦！太可怜了。快来帮帮他们吧！熊大喜欢苹果，熊二喜欢鸭梨，
    收集全部的水果回家，即可成功过关。吃了神奇药水，熊变大后可以踩死野猪，普通状态碰到野猪会死哦，小心!


    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.

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

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

    
    
    
    


故事介绍

    熊大和熊二到森林中采摘水果，可到家才发现，辛辛苦苦摘到的水果都不见了。
    “熊二不是让你拿好吗！？”熊大愤怒的说。“为什么所有的错都怪我...” 熊二很委屈。


    找不回全部的水果不能回家哦！太可怜了。快来帮帮他们吧！熊大喜欢苹果，熊二喜欢鸭梨，
    收集全部的水果回家，即可成功过关。吃了神奇药水，熊变大后可以踩死野猪，普通状态碰到野猪会死哦，小心!


    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.

3.1行高

行高和块的高度一致，就可以上下居中
height: 300px;
line-height: 300px;

    
    
    
    


故事介绍

    熊大和熊二到森林中采摘水果，可到家才发现，辛辛苦苦摘到的水果都不见了。
    “熊二不是让你拿好吗！？”熊大愤怒的说。“为什么所有的错都怪我...” 熊二很委屈。


    找不回全部的水果不能回家哦！太可怜了。快来帮帮他们吧！熊大喜欢苹果，熊二喜欢鸭梨，
    收集全部的水果回家，即可成功过关。吃了神奇药水，熊变大后可以踩死野猪，普通状态碰到野猪会死哦，小心!


    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.

4.1装饰（上中下划线）

    
    

    


123
124
125
故事介绍

4.2 超链接去下划线

a标签默认有下划线，所以要去除下划线需要把text-decoration设置为none

	a{
            text-decoration: none;
        }

afds

5.1 文本图片水平对齐

    
    
    
    



    
    sfeagsdbgfsgthbbg

二、文本阴影和超链接伪类

2.1 超链接伪类（hover重点）

a:hover

    
    
    



    


    码出高效


    作者：孤尽老师


    ￥99

2.2文本阴影

text-shadow:阴影颜色、水平偏移、垂直偏移、阴影半径

主要代码：

	#price{
            text-shadow: #a2bef3 10px 10px 2px;
        }

    ￥99

    
    
    



    


    码出高效


    作者：孤尽老师


    ￥99