目录

  • 具体步骤
  • 有哪些好看的颜色代码?
  • 怎么修改背景、字体颜色?
  • 表白代码实例

具体步骤

进入阿里巴巴矢量图标库官网随便搜索一个图标,比如“用户”,会出现一堆图标。

任意选择一个点击下载。

然后就会出现颜色选择器。在这里可以选择你喜欢的颜色。比如我选择的这个颜色代码是#ea80b0

有哪些好看的颜色代码?




这些颜色参考自颜色代码对应表
里面有非常多的颜色代码,可以去看看。

怎么修改背景、字体颜色?

下面通过一个最简单的例子来讲。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="background-color:#ea80b0">

</body>
</html>

上面这个代码里面直接在body里面添加style="background-color:#ea80b0"就改变背景色了,效果如下图:
然后在body里面加文字。直接在里面设置color为你喜欢的颜色代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="background-color:#ea80b0">
<b style="  position:absolute;
  width: 50%;
top:40%;
left:25%;
  font-family: 'Love Ya Like A Sister', cursive;
  font-size: 40px;
  color: #c70012;">趁着夏风,持续甜蜜。</b>
</body>
</html>

效果如下:

表白代码实例

效果如下:(这是gif动图,不能展示背景音乐)

完整项目可以去我的文章看html爱心表白代码大全

更多推荐

怎么找好看的html颜色代码?