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">

我希望这有帮助!

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

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

相关推荐

  • android svg使用:Using SVG in Android for Beautiful and Scalable Gr

    Android SVG 使用是指在 Android 平台上使用 SVG(Scalable Vector Graphics)文件。SVG 是一种 XML 格式的图像文件,具有良好的可伸缩性,可以根据不同的分辨率自动适应。…

    2023-02-24 12:22:45
    0 35 70
  • win10 字体文件夹:Unlock the Power of Windows 10 Fonts

    Windows 字体文件夹是一个存放系统字体的文件夹,它位于 C:\Windows\Fonts 目录中。该文件夹包含了 Windows 系统所使用的所有字体,如宋体、微软雅黑、Arial 等,这些字体可以在应用程序中使用。以下是检索 Windows 字体文件夹的代码:…

    2023-03-25 10:41:31
    0 26 38
  • css和html:Welcome to Our Website

    示例示例CSS(层叠样式表)是一种用于定义网页外观的样式表语言。它使用选择器来指定元素,并使用属性来指定元素的样式。HTML(超文本标记语言)是一种用于创建网页的标记语言。它使用标签来指定元素,并使用属性来指定元素的特性。…

    2023-06-14 05:37:19
    0 49 96
  • html引用css文件:My Webpage Welcome to My Webpage!

    示例示例在html文件中引用css文件,可以使用标签,代码示例如下:其中,rel属性表示关系,type属性表示文件的类型,href属性表示css文件的路径。…

    2023-06-17 15:05:00
    0 10 77
  • html布局代码:Welcome to My Website

    示例示例HTML布局代码是指使用HTML语言来定义页面的布局,以及各个元素之间的相互关系。下面是一个简单的HTML布局代码示例:Welcome to my page.…

    2023-04-22 10:00:50
    0 31 61
  • vscode调试html:VSCode调试HTML

    VSCode调试HTML的步骤如下:在VSCode中打开要调试的HTML文件;…

    2023-08-23 09:18:50
    0 73 93
  • html嵌入js代码:My Title Hello World! document.write(

    示例示例HTML嵌入JS代码指的是将代码写在HTML文件中,以便在浏览器中运行。下面是一个示例:…

    2023-06-07 09:51:46
    0 15 38
  • html怎么调用css文件: #000;}

    示例示例在html中调用css文件需要使用标签,代码示例如下:…

    2023-08-01 02:11:53
    0 47 68

发表评论

登录 后才能评论

评论列表(29条)