前端css美化网页元素（二）超链接伪类、阴影

最新推荐文章于 2025-01-09 22:58:43 发布

_张仲元

最新推荐文章于 2025-01-09 22:58:43 发布

阅读量204

点赞数 1

文章标签： css 前端 html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_57419990/article/details/121255961

版权

正常情况下，多用a，a:hover

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*默认的状态*/
        a{
            text-decoration: none;
            color: black;
        }
        /*鼠标悬浮的状态*/
        a:hover{
            color: chartreuse;
            font-size: 50px;
        }
        /*鼠标按住未释放的状态----最重要*/
        a:active{
            color: darkcyan;
        }
        /*text-shadow:阴影颜色，水平偏移，垂直偏移，阴影半径*/
        #price{
            text-shadow: darkblue 10px 10px 2px;
        }

    </style>
</head>
<body>

<a href="#">
    <img src="images/c.jpg" alt="">
</a>
<p>
    <a href="">码出高效：java开发手册</a>
</p>
<p>
    <a href="">作者：孤尽老师</a>
</p>
<p id="price">
    ￥99
</p>

</body>
</html>

博客等级

码龄4年

14
原创

8
点赞

14
收藏

1
粉丝

关注

私信

热门文章

分类专栏

Java 4篇
css 2篇

展开全部收起

最新评论

前端css美化网页元素（三）列表样式练习（预创建一个购物网站侧边栏一）
_张仲元: 在一的基础上加入一个放有向右和向下的三角箭头的images 在原css的基础上修改background并调整到合适的位置 [code=css] .title{ font-size: 18px; font-weight: bolder; text-indent: 1em; line-height: 30px; /*颜色，图片，图片位置，平铺方式*/ background: antiquewhite url("../images/x.jpg")260px 2px no-repeat; } [/code] [code=css] ul li{ height: 30px; list-style: none; text-indent: 1em; background-image:url("../images/y.jpg") ; background-repeat: no-repeat ; background-position: 220px 2px; } [/code]
Java银联卡支付小系统
_张仲元: [code=java] package cn.edu.sqxy.day12.UnionPay; import cn.edu.sqxy.day12.UnionPay.ABC; import java.util.Scanner; //农业银行的实现类 public class ABCImpl implements ABC { public double usermoney = 2000; // 电话费支付 @Override public boolean phoneMoney(String phone, String pwd, double money) { return false; } @Override public double getYE() { // 获取余额 System.out.println("查询余额"); return usermoney; } @Override public boolean getMoney(double money) { // 取款,判断是否余额不足 if ((usermoney-money)>=-2000){ System.out.println("有钱人"); usermoney -= money; return true; } return false; } //检查密码 @Override public boolean checkPwd(String pwd) { // 判断密码是否正确 if ("123".equals(pwd)){ System.out.println("密码正确"); return true; } return false; } public boolean A(String a) { // 判断充值是否正确 [/code]
Java银联卡支付小系统
_张仲元: 补充：农行接口实现

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

_张仲元 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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