Html选择框代码:HTML颜色选择器与颜色框(html color finder)

我正在设置 HTML 代码,我想在 HTML 中显示颜色列表,如下所示:

enter image description here

如果我想创建颜色列表,我需要创建一个表和 div 块列表,颜色如下:

<table style="user-select: none;">
  <tbody style="user-select: none;">
    <td style="user-select: none;">Background colour</td>
    <div title="RGB (0, 0, 0)" style="background-color: rgb(0, 0, 0); user-select: none;"></div>
    <div title="RGB (68, 68, 68)" style="background-color: rgb(68, 68, 68); user-select: none;"></div>
    <div title="RGB (102, 102, 102)" style="background-color: rgb(102, 102, 102); user-select: none;"></div>
  </tbody>
</table>

我发现这是很多工作要做,我可能不需要这样做。我试图找到在谷歌搜索我要找的东西,但我无法找到它,所以我需要你的帮助。

如果我想在 html 中创建颜色列表,我必须创建一个带有颜色的 div 块列表的表,或者如果有一种方法可以创建一个简短的 HTML 代码,使其更短,更容易和更快,所以我可以显示背景颜色和文本颜色完全像屏幕截图所示?

非常感谢。

2

对不起,我不能评论这个“解决方案”还没有。这不是一个最佳的解决方案,但你可以尝试这个情况下,你没有尝试工作:

<input id="color" type="color" onchange="submitValue(this.value);" value="#ffffff" placeholder="#000000">

我希望这有帮助!

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(720)
Header标签:页眉-页脚标签内节标签(html footer tag)
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(56条)