精华内容
下载资源
问答
  • 超链接伪类

    2020-09-14 13:07:12
    超链接伪类 a:link 未单击访问 a:visited 访问后 a:hover 鼠标悬浮 a:active 单击释放

    超链接伪类

    1. a:link 未单击访问
    2. a:visited 访问后
    3. a:hover 鼠标悬浮
    4. a:active 单击释放

    展开全文
  • 超链接伪类, 阴影

    2021-05-03 11:58:50
    超链接伪类 <style> .L1:hover{ /*属性悬停后,变成红色*/ color:red; } .L2:active{ color:aqua; /*鼠标点击后变成青色*/ } </style> 超链接伪类我们只要掌握hover 和active就可以了 hover 我们...

    超链接伪类

    <style>
    .L1:hover{    /*属性悬停后,变成红色*/
        color:red;
    }
    .L2:active{
        color:aqua;     /*鼠标点击后变成青色*/
    }
    
    
    </style>
    

    超链接伪类我们只要掌握hover 和active就可以了

    hover

    在这里插入图片描述

    我们现在body里面写上a标签和br标签

    浏览器打开一下是这个样子的

    在这里插入图片描述

    我们在style标签里面
    在这里插入图片描述

    输入

        .L1:hover{
          color: red;
    
          }
       .L2:active{
         color: aqua;
    
       }
    

    hover 是鼠标悬停上去的意思

    当我们鼠标悬停上去之后,就走后面代码块里面的内容

    active 是鼠标点击不松开

    当我们鼠标点击之后,就会走后面代码块的内容

    一般来说这个2个标签最经常使用到

    阴影

    很少用到的标签

    在这里插入图片描述

    text-shadow阴影模糊

    #764343 颜色

    10px X坐标轴 阴影偏向哪里

    11px Y坐标轴

    12px 模糊半径

    在这里插入图片描述

    展开全文
  • 1,超链接伪类 a:link{ } 访问前样式, a:hover{ } 移上去的样式 a:active{ } 点击时的样式 a:visited{ } 点击后的样式 2,节点伪类 p::first-letter{} 第一个字 p::first-line{} 第一行 p:first-child{ } 第一个...

    1,超链接伪类

    • a:link{ } 访问前样式,
    • a:hover{ } 移上去的样式
    • a:active{ } 点击时的样式
    • a:visited{ } 点击后的样式

    2,节点伪类

    • p::first-letter{} 第一个字
    • p::first-line{} 第一行
    • p:first-child{ } 第一个元素

    3,结构伪类

    • p:nth-child(){} 从第一个开始数 元素
    • p:nth-last-child(2n-1){} 从后往前数 元素
    • p:nth-of-type(){} 某一个类型元素,当元素混杂时 通过属性选择第一个
    • p:nth-last-of-type(){} 倒着数 属性
    展开全文
  • 文本阴影和超链接伪类 阴影 text-shadow:阴影颜色,水平偏移,垂直偏移,阴影半径 超链接伪类 /*鼠标悬浮状态*/ a:hover{ color: orange; font-size: 20px; } /*鼠标按住未释放*/ a:active{ color: #...

    文本阴影和超链接伪类


    阴影

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


    超链接伪类

      /*鼠标悬浮状态*/
        a:hover{
          color: orange;
          font-size: 20px;
        }
    
    /*鼠标按住未释放*/
        a:active{
          color: #262626;
          background: white;
        }
    

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    
      <style>
        body{
          background: #262626;
          text-align: center;
        }
        a{
          text-decoration: none;
          color: white;
    
        }
        #p1{
          color: white;
        }
    
        /*鼠标悬浮状态*/
        a:hover{
          color: orange;
          font-size: 20px;
        }
        /*鼠标按住未释放*/
        a:active{
          color: #262626;
          background: white;
        }
        /*阴影
        text-shadow:阴影颜色,水平偏移,垂直偏移,阴影半径
        */
        #p1{
          text-shadow: #3aff1e 1px 1px 1px;
        }
      </style>
    </head>
    <body>
    
    <a href="http://product.dangdang.com/25162550.html" target="_blank">
      <img src="image/demo.jpg" alt="photo" title="月亮和六便士">
    </a>
    
    <p>
      <a href="http://product.dangdang.com/25162550.html" target="_blank">月亮和六便士</a>
    </p>
    
    <p>
      <a href="https://baike.baidu.com/item/%E5%A8%81%E5%BB%89%C2%B7%E8%90%A8%E9%BB%98%E5%A1%9E%E7%89%B9%C2%B7%E6%AF%9B%E5%A7%86/11019590" target="_blank">作者:毛姆</a>
    </p>
    
    <p id="p1">
      ¥45
    </p>
    </body>
    </html>
    
    展开全文
  • 简述CSS超链接 伪类作用 链接伪类: a:link 设置链接本来的颜色 a:visited 设置链接访问过后的颜色 a:hover 设置链接在鼠标悬停时的颜色 a:active 设置链接被激活的颜色
  • CSS|超链接伪类

    2021-07-27 20:35:02
    CSS|超链接伪类 CSS: /*表示超链接访问前的样式*/ a:link{ color: #000000; } /*鼠标悬停时的样式*/ a:hover{ color: blue; font-size: 20px ; } /*鼠标点击不放时的样式*/ a:active{ color: yellow; } /*访问...
  • 超链接伪类与阴影

    2021-03-11 09:01:17
    阴影 /*text-shadow: 阴影颜色,水平偏移,垂直偏移,阴影半径*/ #price{ ...超链接伪类 正常情况下,a,a:hover /*默认的颜色*/ a{ text-decoration: none; color: black; } /*鼠标悬浮的状态*/
  • CSS超链接伪类的顺序

    千次阅读 2019-05-20 10:39:59
    CSS超链接伪类的顺序 一.超链接用到的伪类 伪类 表示状态 link 任何状态 visited 链接处于被访问状态(根据浏览器历史记录判断) hover 鼠标悬浮于元素时的状态 active 当元素被激活(鼠标...
  • 10.超链接伪类

    2021-02-23 09:48:14
    10.超链接伪类 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/style.css"> </...
  • 超链接伪类 a:link{},未单击访问的超链接样式。 a:visited{},单击访问后的超链接样式。 a:hover{},鼠标悬浮其上的超链接样式。 a:active{},鼠标单机未释放的超链接样式。 顺序为从上到下设置。 别的标签悬浮也...
  • 11、文本阴影和超链接伪类 3.4、阴影 /*text-shadow:阴影颜色,水平偏移,垂直偏移,阴影半径*/ #price { text-shadow: #740c80 10px 10px 2px; } 3.5、超链接伪类 正常情况下,a,a:hover /*鼠标悬浮的状态,...
  • CSS——超链接伪类和文本阴影 伪类 CSS伪类是用来添加一些选择器的特殊效果。 解释:在感觉上伪类可以是动态的,当用户和文档进行交互的时候一个元素可以获取或者失去一个伪类。例外的是":first-child"能通过文档树...
  • css-阴影和超链接伪类

    2021-06-18 14:26:35
    阴影和超链接伪类 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 默认的颜色 */ a{ text-decoration: none;...
  • 超链接伪类 /*默认的颜色*/ a{ text-decoration: none; color: black; } /*鼠标悬浮的状态(只需要记住这个)*/ a:hover{ color: #ff496e; font-size: 50px; } /*鼠标按住但未释放的状态*/ a:active{ color: #...
  • 2021-06-22 超链接伪类

    2021-06-22 00:31:34
    <!DOCTYPE html> <... <head> ...meta charset="UTF-8">...超链接伪类</title> <style> a{ text-decoration: none; color: black; } a:hover{ color: orange; } #prc{
  • CSS基础2-超链接伪类

    2019-09-28 11:50:33
    2.超链接伪类 一、背景图片的设置 1.整个页面的背景图片插入 在类标签body中直接插入,例如:body{background-image:url(../Day02-HTML/html/海贼王02.jpg);} 还可以调试它的效果,是否重复,是否随页面滚动,...
  • 一、伪类 1、定义 (1)CSS 伪类用于向某些选择器添加特殊的效果。 (2)伪类对元素进行分类是基于特征而不是它们的名字、属性或者内容;原则上特征是不可以从文档树上推断得到的。 (3)伪类是选择符的螺栓,用来...
  • 超链接伪类就是在超链接中设置未点击状态 点击状态等样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 作者:770267939@qq....
  • CSS基础学习-列表和超链接伪类 列表 列表属性(list) 属性 描述 list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。 list-style-image 将图象设置为列表项标志。 list-style-position ...
  • 超链接伪类样式

    2012-08-03 15:07:01
    超链接伪类 a:link a:link(color:#999;) 未单机访问时的超级链接样式 常用超链接的主样式 a:visited a visited(color:#333;) 单机访问后的样式 区分是否被访问 a:hover a:hover(color#7300;) 鼠标悬浮其...
  • 阴影和超链接伪类 阴影:以选中的字体为原点,做直角坐标系。 超链接伪类:a:hover(记住这一个就够了,大概) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...
  • 超链接伪类 a:hover{} 鼠标悬浮时的状态显示 a:active{} 鼠标单击不放时的状态显示

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 16,184
精华内容 6,473
关键字:

超链接伪类