目录
- 具体步骤
- 有哪些好看的颜色代码?
- 怎么修改背景、字体颜色?
- 表白代码实例
具体步骤
进入阿里巴巴矢量图标库官网随便搜索一个图标,比如“用户”,会出现一堆图标。
任意选择一个点击下载。
然后就会出现颜色选择器。在这里可以选择你喜欢的颜色。比如我选择的这个颜色代码是#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颜色代码?
发布评论