ViewProfile.c-btn{border:none;bac"> 带箭头的'阅读更多”按钮-PHP中文网问答
带箭头的'阅读更多”按钮
P粉616111038
P粉616111038 2023-09-09 12:16:11
0
1
490

我正在尝试制作一个带有右箭头的“阅读更多”按钮,如图所示。背景颜色为白色,整个按钮必须如下所示。

我正在使用以下代码。这里的箭头是白色的,所以在我的项目中我只能看到“查看配置文件”按钮,但由于背景颜色而看不到箭头。 如何更改箭头颜色?

 .c-btn{ border: none; background-color: white; padding: 12px 48px 12px 24px; border-radius: 4px; color: black; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: right 24px center; }

我尝试过在不使用链接的情况下创建箭头,但没有一个看起来像我在互联网上找到的这个箭头那么好。

P粉616111038
P粉616111038

全部回复 (1)
P粉743288436

目前,您的箭头已填充#fff(白色)。

data:image/svg+xml,   "

更改 SVG 上的fill属性:

data:image/svg+xml,   "

...或者您想要箭头的任何十六进制颜色。

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!