将天气预报插入这个方框内，用css编写，求高手进

html-css020

将天气预报插入这个方框内，用css编写，求高手进,第1张

描述有问题，我想知道你的这个图片是不是作为一个提示文字，比如“天气预报”，然后下面才是插入iframe到图片底下。当然这个图片和iframe是在一个单元格里面。如果是这样的，那么就比较好做，直接将你的iframe插入到img标签后面，如果担心没有换行显示，那么可以在图片后面加上一个<br/>然后才iframe。现在就是不知道你的图片是作为一个标题提示还是背景，只是看这命名，感觉是标题。

如何在空间里加上天气预报2006/12/29 19:15其实只需要在自定义模板后面加上

{height:190pxbackground:url(http://firetear.com/weather/weather.aspx) no-repeat 10pxbackground-color:#FFF }

步骤:首先要打开你的自定义模板4，在高级设置那里。这里就不用详细说了。

1、打开设置

2、模板设置

3、编辑自定义模板

4、找到#m_mylink4

5、在后面加入{height:190pxbackground:url(http://firetear.com/weather/weather.aspx) no-repeat 10pxbackground-color:#FFF }

完整的如下。

#m_mylink4 {height:190pxbackground:url(http://firetear.com/weather/weather.aspx) no-repeat 10pxbackground-color:#FFF }

直接把上面的代码加在CSS后面就行了

新建自定义模块，记住模板的标号，本站选用的为模块2，点击上面的保存，返回主页进行模块编辑，模块名称取为天气预报，链接名称为：天气预报，链接地址为：http://www.tq121.com.cn/ 操作完成后返回。此时进入CSS代码，找到刚才自定义模块的代码，如本站为#m_mylink2，将四段以此开头的代码换为以下代码：

#m_mylink2 div.item a{color:#FFFFFFfont-size:15pxtext-align:centerfont-family:隶书}

#m_mylink2 div.item a:visited{color:#FFFFFFfont-family:隶书}

#m_mylink2 div.line{background:url(http://firetear.com/weather/weather.aspx?city=%u5BBF%u8FC1&style=1) no-repeat bottomline-height:40pxmargin-bottom: 10pxmargin-top:5pxpadding-bottom: 138px}

以上操作完成就算基本大功告成了，（注意：要把第四行代码url后面的地址换在你所在地的地址，具体可以到 http://firetear.com/weather/ 网站里去找，你只需把生成代码里面SRC后后面的地址打复制过来替换以上地址就可以）