[已解决]css

myqf123 · 发表于 2022-3-11 17:13:35

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用一生来学习艺术</title>
<style type="text/css">
body {
[color=Red]background-image: url("img/bc.jpeg"); /*背景图导入*/
background-repeat: no-repeat; /*不重复拉伸*/
background-attachment: fixed;/*此代码用于页面内容超出屏幕，右侧出现滚动条情况，使得滚动滚动条时背景锁定*/
bakcground-position: center 0;[/color] /*请教大神，如何居中背景图片，我怎么调都是靠左，郁闷！
}
h1 {
text-align: center; /*text-align：文本对齐，水平对齐*/
color: white; /*color:字体颜色*/
}
h2 {
margin-left: 60%; /*margin-left:左页面空白，左页面余量*/
color: white;
}
p {
text-indent: 64px; /*text-indent：文本缩进*/
font-size: 32px; /*font-size：字体大小*/
line-height; 64px; /*line-height:行高*/
color: white;
}
img {
position: absolute; /*absolute:绝对定位*/
left: 50%;
margin-left: -350px; /*margin-left：左页面空白，左页面余量*/
}
</style>
<style type="text/css" media="print">
h1 {
color: black;
}
h2 {
color: black;
}
p {
color: black;
}
</style>
<style type="text/css" media="screen and (min-width:512px) and (max-width:1024px)">
body {
background-image: url(img/bc2.jpg);
}
</style>
</head>
<body>
<h1>用一生来学习艺术</h1>
<h2>王小波</h2>
<p>我念过文科，也念过理科。</p>
<p>在课堂上听老师提到艺术这个词，还是理科的老师次数更多：化学老师说，做实验有实验艺术；计算机老师说，编程序有编程艺术。</p>
<p>老师们说，怎么做对是科学，怎么做好则是艺术；前者有判断真伪的法则，后者则没有；</p>
<p>艺术的真谛就是要叫人感到好，甚至是完美无缺；</p>
<p>传授科学知识就是告诉你这些法则，而艺术的修养是无法传授的，只能够潜移默化。这些都是理科老师教给我的，我觉得比文科老师讲得好。</p>
<img src="img/wxb.jpg">
</body>
</html>

复制代码

最佳答案

月排行榜 / 总排行榜

isdkz

2022-3-11 21:29:20

background-position 你写成了 bakcground-position，back 中的 ck写反了。

跳转到最佳答案楼层

myqf123 · 发表于 2022-3-11 17:46:11

看不到回帖

ckblt · 发表于 2022-3-11 18:13:56

应该position拼错了

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>用一生来学习艺术</title>
<style type="text/css">
body {
background-image: url('img/bc.jpeg'); /*背景图导入*/
background-repeat: no-repeat; /*不重复拉伸*/
background-attachment: fixed; /*此代码用于页面内容超出屏幕，右侧出现滚动条情况，使得滚动滚动条时背景锁定*/
background-position: center 0; /* 注意，你写错了 */
}
h1 {
text-align: center; /*text-align：文本对齐，水平对齐*/
color: white; /*color:字体颜色*/
}
h2 {
margin-left: 60%; /*margin-left:左页面空白，左页面余量*/
color: white;
}
p {
text-indent: 64px; /*text-indent：文本缩进*/
font-size: 32px; /*font-size：字体大小*/
line-height: 64px; /*line-height:行高*/
color: white;
}
img {
position: absolute; /*absolute:绝对定位*/
left: 50%;
margin-left: -350px; /*margin-left：左页面空白，左页面余量*/
}
</style>
<style type="text/css" media="print">
h1 {
color: black;
}
h2 {
color: black;
}
p {
color: black;
}
</style>
<style
type="text/css"
media="screen and (min-width:512px) and (max-width:1024px)"
>
body {
background-image: url(img/bc2.jpg);
}
</style>
</head>
<body>
<h1>用一生来学习艺术</h1>
<h2>王小波</h2>
<p>我念过文科，也念过理科。</p>
<p>
在课堂上听老师提到艺术这个词，还是理科的老师次数更多：化学老师说，做实验有实验艺术；计算机老师说，编程序有编程艺术。
</p>
<p>
老师们说，怎么做对是科学，怎么做好则是艺术；前者有判断真伪的法则，后者则没有；
</p>
<p>艺术的真谛就是要叫人感到好，甚至是完美无缺；</p>
<p>
传授科学知识就是告诉你这些法则，而艺术的修养是无法传授的，只能够潜移默化。这些都是理科老师教给我的，我觉得比文科老师讲得好。
</p>
<img src="img/wxb.jpg" />
</body>
</html>

复制代码

ba21 · 发表于 2022-3-11 18:41:32

把问题放出来。

ba21 · 发表于 2022-3-11 18:48:18

1.
background: url("img/bc.jpeg") no-repeat center center;

2.
background: url("img/bc.jpeg");
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;

isdkz · 发表于 2022-3-11 21:29:20

background-position 你写成了 bakcground-position，back 中的 ck写反了。

一切都为编程 · 发表于 2022-3-12 08:17:46

myqf123 · 发表于 2022-3-12 15:52:04

ckblt 发表于 2022-3-11 18:13
应该position拼错了

感谢，拼对着呢，已知道问题所在

myqf123 · 发表于 2022-3-12 15:52:33

ba21 发表于 2022-3-11 18:48
1.
background: url("img/bc.jpeg") no-repeat center center;

感谢

myqf123 · 发表于 2022-3-12 15:55:59

isdkz 发表于 2022-3-11 21:29
background-position 你写成了 bakcground-position，back 中的 ck写反了。

感谢，阁下慧眼，已改正，问题已解决

hornwong · 发表于 2022-3-12 16:33:10

tjweiyanmin · 发表于 2022-3-12 22:05:35

加油

伽羅~ · 发表于 2022-3-14 14:19:32

Violet01 · 发表于 2022-3-15 10:52:26

Doxa · 发表于 2022-3-15 17:11:25

山迟ovo · 发表于 2022-3-16 20:59:23

加油加油

a1372245671 · 发表于 2022-3-17 11:55:54

a1372245671 · 发表于 2022-3-17 19:39:03

__add__ · 发表于 2022-3-20 13:15:47

算了，我还是先去学web吧，根本看不懂

账号		自动登录	找回密码
密码			立即注册

[已解决]css

马上注册，结交更多好友，享用更多功能^_^

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

回帖奖励 +2 鱼币

浏览过的版块