html css如何实现如下图所示的效果

html-css067

html css如何实现如下图所示的效果,第1张

这个类似画中画广告效果.给你写个例子

<style type="text/css">

.ad{width:500pxheight:auto}

.img{display:inlinefloat:left}

.img img{width:150pxheight:150px}

</style>

<div class="ad">

<p class="img"><img src="http://www.37s.net/templets/default/images/logo.gif" alt="" /></p>

<p>使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情

您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情

您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情

您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情

您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！</p>

</div>

功能：可以将视频网站在电脑任何位置易画中画方式显示

操作：两次右键视频

具体实现步骤：

1、第一次右键视频，弹出的是视频网站的菜单

2、保持第一步操作显示不变，挪开光标，再次右键，此时就会显示浏览器的控制菜单

注：Windows可使用Chrome浏览器

一: <Frameset>为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局，用来划分框架，每一个框架由<Frame></Frame>标记。

<Frame>用以设置组成框架集中各个框架的属性。<Frame></Frame>必须在<Frameset></Frameset>之内使用。

注意：<Frame></Frame>标记的框架顺序为从左至右或从上到下。

二: Iframe是Inline Frame的缩写，称为内联框架，它和frame如同兄弟。frame是帧标记，Iframe叫浮动帧标记，它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体；因为它可以多次在一个页面内显示同一内容，而不必重复写内容，所以人们形象称这种效果为“画中画”。