html 随机浅色的rbg
时间: 2023-10-13 18:10:32 浏览: 54
以下是一个随机生成浅色 RGB 颜色代码的 HTML 示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机浅色 RGB</title>
<style type="text/css">
/* 设置 body 背景颜色 */
body {
background-color: #f2f2f2;
}
/* 设置颜色样式 */
.color {
display: inline-block;
width: 100px;
height: 100px;
margin: 20px;
border-radius: 50%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
</style>
</head>
<body>
<!-- 生成颜色代码 -->
<div class="color" style="background-color: rgb(
<?php echo rand(200, 255) . ',' . rand(200, 255) . ',' . rand(200, 255); ?>
)"></div>
</body>
</html>
```
这个示例中使用 PHP 的 `rand()` 函数生成了三个随机数,分别对应 RGB 颜色代码中红、绿、蓝三个值,取值范围从 200 到 255,保证生成的颜色比较浅。然后将这三个值拼接起来作为 `background-color` 属性的值,设置给一个显示颜色的 `<div>` 元素。