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

我希望这有帮助!

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

(656)
Chao tong guang:html将未转义的字符呈现为转义(tracer tong)
下一篇

相关推荐

  • 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 98 73
  • win10 字体文件夹:Unlock the Power of Windows 10 Fonts

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

    2023-03-25 10:41:31
    0 26 46
  • 好看的coser:设计好看的 HTML表单的工具(nice looking forms)

    关于好看的coser的问题,在nice looking forms中经常遇到,是否有任何免费的工具,通过它我可以设计美丽的 HTML 表单?…

    2023-10-21 07:39:13
    0 44 30
  • Mi.10bt.info:pdfsharpxfontOCR-B-10BT在本地工作 但不在服务器上

    关于Mi.10bt.info的问题,在ocr-b中经常遇到,我在我的 web 应用程序中使用 pdfsharp 创建 pdf 文档。这些文档需要有 OCR-B-10 BT 字体。在代码中我创建一个新的字体对象如下:…

    2024-01-03 04:56:20
    0 91 12
  • css和html:Welcome to Our Website

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

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

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

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

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

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

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

    2023-08-23 09:18:50
    0 29 13

发表评论

登录 后才能评论

评论列表(31条)