出一个简单的css编程填空题,3个空左右,给出详细题目要求
时间: 2023-11-27 10:54:26 浏览: 28
以下是一个简单的CSS编程填空题:
```html
<!DOCTYPE html>
<html>
<head>
<title>CSS编程填空题</title>
<style>
/* 请在此处填写CSS代码,实现以下效果 */
.box {
___________________: 200px;
___________________: 200px;
___________________: blue;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
```
要求:
1. 在 `___________________` 的位置填上合适的CSS属性和属性值,使得该HTML页面中的 `div` 元素具有以下效果:
- 宽度为 200px;
- 高度为 200px;
- 背景颜色为蓝色。
2. 提交的代码需要符合W3C标准。
3. 可以使用CSS3的属性和属性值。
4. 不可以使用外部CSS文件,只能在 `<style>` 标签内部编写CSS代码。
答案:
```css
width: 200px;
height: 200px;
background-color: blue;
```
相关问题
出一个简单的css编程填空题,3个空左右给出详细题目要求
以下是一个简单的 CSS 编程填空题:
```html
<!DOCTYPE html>
<html>
<head>
<title>CSS 编程填空题</title>
<style>
body {
background-color: ___________;
}
h1 {
color: ___________;
font-size: ___________;
}
</style>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
```
请你在下面的空中填入相应的 CSS 属性,使得页面能够满足以下要求:
1. 背景颜色为绿色。
2. 标题颜色为红色。
3. 标题字体大小为 36 像素。
参考答案:
```html
<!DOCTYPE html>
<html>
<head>
<title>CSS 编程填空题</title>
<style>
body {
background-color: green;
}
h1 {
color: red;
font-size: 36px;
}
</style>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
```
出一个简单的css编程填空题,3个空左右
请补全以下 CSS 代码:
```
p {
_________: red;
font-_________: bold;
margin-_______: 10px;
}
```
答案:
```
p {
color: red;
font-weight: bold;
margin-top: 10px;
}
```