1.使用HBuilder编写符合以下要求的文档:网页标题为“网页学习”,在浏览器窗口中显示“欢迎大家一起开始学习网页制作”。完成效果。其中网页所有文字的颜色为blue,背景颜色为#99fff;水平分割线粗细为5,颜色为#ff3333。
<!DOCTYPE html>
<html>
<head>
<title>网页学习</title>
<style>
body {
background-color: #99ff; /* 设置网页背景颜色 */
color: blue; /* 设置所有文字颜色 */
}
hr {
height: 5px; /* 设置水平分割线粗细 */
background-color: #ff3333; /* 设置水平分割线颜色 */
}
</style>
</head>
<body>
<h1>欢迎大家一起开始学习网页制作</h1>
<hr>
</body>
</html>
2.使用HBuilder编写符合以下要求的文档:网页标题为“百度搜索”,在浏览器窗口中显示“欢迎使用百度搜索”和百度图片,完成效果所示。其中网页背景颜色为#ffff33;水平分割线粗细为5,颜色为#0033ff。
<!DOCTYPE html>
<html>
<head>
<title>百度搜索</title>
<style>
body {
background-color: #ffff33; /* 设置网页背景颜色 */
}
hr {
height: 5px; /* 设置水平分割线粗细 */
background-color: #0033ff; /* 设置水平分割线颜色 */
}
</style>
</head>
<body>
<p>欢迎使用百度搜索</p>
<img src="img/微信图片_20240913200903.png"/>
</body>
</html>
标签:设置,网页,课堂练习,color,第一章,background,颜色,分割线
From: https://blog.csdn.net/2401_86933352/article/details/142218719