CSS如何随机定义网页中的背景颜色
3个回答
展开全部
步骤如下：
1、首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。<html><body></body></html>
2、由于css样式必须在标签<head></head>之间，因此我们点击<html>后面，输入<head></head>标签。
3、在head标签之间输入样式标签<style></style>,然后定义一些属性，例如
<style type="text/css">
body {background-color: yellow} 定义网页背景色为黄色；
h1 {background-color: #00ff00} 定义h1标签背景色为#00ff00；
h2 {background-color: transparent} 定义h2标签背景色为透明；
p {background-color: rgb(250,0,255)} 定义p标签背景色为rgb值；
p.no2 {background-color: gray; padding: 20px;} 这个定义class属性为no2的p标签背景色为灰色，并且边距为20px；
</style>
4、然后点击body标签后面输入正文标签内容，例如
<h1>这是KING</h1>
<h2>这是KING</h2>
<p>这是KING</p>
<p class="no2">这个KING设置20内边距。</p>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>随机背景色</title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
document.body.style.backgroundColor = '#' + (~~(Math.random() * (1 << 24))).toString(16);
</script>
使用css通过js动态设置。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-12-21
深圳市易百讯科技有限公司
易百讯成立于2006年，是一家技术开发型的网络公司，致力于高端品牌网站建设，商城网站建设,微信公众平台开发，是一支拥有一百多人的网站设计技术团队，一直专注网站建设领域。
向TA提问
关注
![]()
展开全部
你可以将下面的代码保存成html文件格式，然后运行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="wrap" >
asd
</div>
asda
</body>
<script type="text/javascript">
function rgb(){
var r=Math.floor(Math.random()*255);
var g=Math.floor(Math.random()*255);
var b=Math.floor(Math.random()*255);
var rgb='rgb('+r+','+g+','+b+')';
return rgb;
}
document.body.style.backgroundColor=rgb();
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="wrap" >
asd
</div>
asda
</body>
<script type="text/javascript">
function rgb(){
var r=Math.floor(Math.random()*255);
var g=Math.floor(Math.random()*255);
var b=Math.floor(Math.random()*255);
var rgb='rgb('+r+','+g+','+b+')';
return rgb;
}
document.body.style.backgroundColor=rgb();
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
