加林森 发表于 2022-1-2 20:39

《问风》 交作业。TO:马黑黑

本帖最后由 加林森 于 2022-1-3 10:34 编辑 <br /><br /><style type="text/css">
    .mDiv {
      margin:0 auto; width:95%; height:460px; padding:0;
      background:linear-gradient(to right top,olive,transparent,transparent,orange,green),url('https://www.huachaowang.com/data/attachment/forum/202201/02/214614mnk944j4aaokn9k2.jpg') no-repeat;
    }
    .yyy { position:relative;left:500px;top:-200px;transform:rotate(120deg); }
</style>

<div class="mDiv"></div>
<iframe class="yyy" <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1339421617&auto=1&height=66"></iframe>

加林森 发表于 2022-1-2 20:39

@马黑黑

加林森 发表于 2022-1-2 21:19

我的图片怎么没有进去啊?奇怪了?

马黑黑 发表于 2022-1-2 21:39

加林森 发表于 2022-1-2 21:19
我的图片怎么没有进去啊?奇怪了?

你的图片太大了

加林森 发表于 2022-1-2 21:51

马黑黑 发表于 2022-1-2 21:39
你的图片太大了

现在出来了,老黑来看看。

加林森 发表于 2022-1-2 21:53

马黑黑 发表于 2022-1-2 21:39
你的图片太大了

我的播放器也跑出来了,是怎么回事啊?{:5_113:}

红影 发表于 2022-1-2 21:55

队长也做出来了,很漂亮{:4_187:}

加林森 发表于 2022-1-2 21:58

红影 发表于 2022-1-2 21:55
队长也做出来了,很漂亮

红影晚上好!{:4_204:}
我还在继续学习中~~~~~~~~~~~~~~~~

加林森 发表于 2022-1-2 22:59

@马黑黑   请你在来看看。

马黑黑 发表于 2022-1-3 07:34

加林森 发表于 2022-1-2 21:53
我的播放器也跑出来了,是怎么回事啊?

你的播放器,iframe代码要加上 class 语句:

<iframe class="yyy" ... ></iframe>

这是调用前面CSS定义的类选择器 .yyy { ... } 才有的效果。你要想垂直着摆放播放器,就从 .yyyCSS代码里修改 rotate 角度为 90deg

马黑黑 发表于 2022-1-3 07:34

加林森 发表于 2022-1-2 21:51
现在出来了,老黑来看看。

关于图片做背景,也有许多知识

加林森 发表于 2022-1-3 09:40

马黑黑 发表于 2022-1-3 07:34
关于图片做背景,也有许多知识

嗯嗯,慢慢学习吧。

马黑黑 发表于 2022-1-3 09:51

加林森 发表于 2022-1-3 09:40
嗯嗯,慢慢学习吧。

不急慢慢来

加林森 发表于 2022-1-3 10:27

马黑黑 发表于 2022-1-3 09:51
不急慢慢来

就是。我修改了结果不对呢?

加林森 发表于 2022-1-3 10:42

马黑黑 发表于 2022-1-3 09:51
不急慢慢来

这回终于修改完全了。老黑请你再来看看。

马黑黑 发表于 2022-1-3 11:05

加林森 发表于 2022-1-3 10:42
这回终于修改完全了。老黑请你再来看看。

这回可以了。今后应注意的是CSS和HTML的关系:

CSS定义样式,比如 .+名称 的类选择器(选择器大概就是一个样式集合),他们放在 HTML 代码的前面,放在 <style ..>和</style>之间。HTML调用类选择器是在代码中加入 class=“名称" 便可使用所定义的样式

马黑黑 发表于 2022-1-3 11:06

加林森 发表于 2022-1-3 10:27
就是。我修改了结果不对呢?

功夫不负有心人

加林森 发表于 2022-1-3 11:14

马黑黑 发表于 2022-1-3 11:06
功夫不负有心人

是的,这次制作了,再多巩固几次应该记住了。

加林森 发表于 2022-1-3 11:14

马黑黑 发表于 2022-1-3 11:05
这回可以了。今后应注意的是CSS和HTML的关系:

CSS定义样式,比如 .+名称 的类选择器(选择器大概就是 ...

嗯嗯。谢谢老黑!{:4_190:}

马黑黑 发表于 2022-1-3 11:43

加林森 发表于 2022-1-3 11:14
嗯嗯。谢谢老黑!

{:4_180:}
页: [1] 2
查看完整版本: 《问风》 交作业。TO:马黑黑