css--超链接

Css 超链接样式 (伪类就是超链接)

 在以往的超链接中都有难看的下划线

So    为了去除下划线,用以下代码

 <a href="#" style="text-decoration: none;">去下划线超链接样式</a>

  文本修饰

 

a标签未被访问时的样式

  a:link{

      color:xxxx   

  }

 

 

  a标签被访问过后的样式

  a:visited{

      color:xxxx 

   }

   

  当鼠标放到a标签的样式,任何元素都可以用hover

  a:hover{

      color:xxxx 

      }

  当鼠标点击时铛没松开的样式

  a:active{

         color:xxxx 

      }

  这4个伪类,必须按照(link、visited、hover、active)LVHA的顺序进行,不然浏览

器可能无法正常显示这4种样式。这4种样式定义顺序不能改变!

Active一般不必写

     任何元素都可以用hover,鼠标悬浮的样式

  #d1:hover{

    background-color:blue;

    变小手是pointer,也可以是别的十字线crosshair

    cursor: crosshair;

  }

注意是      : hover

    

转载于:https://www.cnblogs.com/layuechuquwan/p/11063551.html

CSS(层叠样式表)是用于控制网页样式的技术。通过CSS,你可以改变网页的外观和格式,包括字体、颜色、布局、动画等。CSS-02通常不是一个标准的术语,但这里我们可以理解为你想要了解的是如何使用CSS来美化网页以及超链接的属性。 网页美化通常包括以下几个方面: 1. 文本样式:通过设置`font-family`、`font-size`、`font-weight`、`color`等属性来改变字体样式和颜色。 2. 布局控制:使用`margin`、`padding`、`width`、`height`、`display`、`float`等属性来控制页面元素的位置和布局。 3. 背景和边框:通过`background-color`、`background-image`、`border`等属性来美化元素的背景和边框。 4. 高级效果:使用`box-shadow`、`text-shadow`、`transform`、`transition`等属性来增加网页的视觉效果和交云体验。 超链接属性包括: 1. `href`:指定链接的目标URL。 2. `target`:定义如何打开链接,例如`_blank`会在新窗口中打开链接。 3. `title`:提供链接的额外信息,当鼠标悬停在链接上时显示。 4. `class`和`id`:可以用来指定链接的样式类或唯一标识符,以便CSS或JavaScript使用。 5. `rel`:定义当前文档与被链接文档之间的关系,常见的值如`nofollow`、`noopener`、`noreferrer`等。 下面是一个简单的示例,展示了如何使用CSS美化一个网页,并应用到超链接的属性上: ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>网页美化示例</title> <style> body { font-family: 'Arial', sans-serif; background-color: #f0f0f0; margin: 0; padding: 0; } .container { width: 80%; margin: auto; background-color: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } a { color: #0066cc; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } a:visited { color: #660099; } .link-style { display: block; margin-bottom: 10px; } </style> </head> <body> <div class="container"> <h1>欢迎来到我的网页</h1> <a href="https://www.example.com" class="link-style" target="_blank" title="打开一个新的网页窗口">点击这里访问示例网站</a> <p>这是一个美化过的网页,包含了超链接的基本用法。</p> </div> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值