frame

alihoo

于 2008-04-17 23:43:00 发布

阅读量609

点赞数 1

CC 4.0 BY-SA版权

文章标签： html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/alihoo/article/details/2302492

frame的简单方法：

比如说主页：

<html>

<head><title> frame元素中marginHeight属性及marginWidth属性的使用</title></head>

<frameset cols="20%,*">

<frame name="left" src="menu.html" >

<frame name="right" src="test.htm">

</frameset>

</html>

<html>

<head><title></title></head>

<frameset>

<fram name="left" src="menu.html" marginHeight=60 marginWidth=30>

<fram name="right" src="main.html">

</frameset>

</html>

其中左侧就是菜单，其html如下：

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<style>

#menu a, #menu a:visited {

text-decoration:none;

text-align:center;

background-color:#aaa;

color:#fff;

display:block;

width:140px;

padding:0.3em;

margin:0.3em auto;

margin-left:25px;

border-left:5px solid #EEEEEE;

}

#menu a:hover {

border-left:5px solid #000;

}

</style>

<BODY>

<div id="menu">

<a href="right.html" target=right>right.html</a>

<a href="#nogo">Item 2</a>

<a href="#nogo">Item 3</a>

<a href="#nogo">Item 4</a>

<a href="#nogo">Item 5</a>

</div>

</BODY>

</HTML>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。