Rock_Lu95 2017-07-07 10:19 采纳率: 100%
浏览 3640
已采纳

如何在HTML中改变一张不规则图片的颜色

在网页中贴入一张不规则的图片，然后通过选取不同的rgb值给这张图片填充不同的颜色，图片如图：这是一张衣领的图片

  • 写回答

2条回答

  • CN-cheng 2017-07-07 15:01
    关注

    模拟了一下

     <!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <style>
        #content{
            padding: 0;
            margin: 0;
            height: 150px;
            width: 150px;
            overflow: hidden;
            position: relative;
        }
        img:hover{
            padding: 0;
            margin: 0;
            top: -91px;
            position: absolute;
                        -webkit-filter: drop-shadow(0px 91px 0px tomato);
            filter: drop-shadow(0px 91px 0px tomato);
        }
        img:active{
            padding: 0;
            margin: 0;
            top: -91px;
            position: absolute;
                        -webkit-filter: drop-shadow(0px 91px 0px blue);
            filter: drop-shadow(0px 91px 0px blue);
        }
    </style>
</head>
<body>
<div id="content">
    <img src="https://img-ask.csdn.net/upload/201707/07/1499422649_973182.png" alt="这是一张衣领的图片" style="max-width:100%;">
</div>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 lammps拉伸应力应变曲线分析
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥15 请问Lammps做复合材料拉伸模拟，应力应变曲线问题