日期:2013-07-24 浏览次数:20967 次
fieldset是一个不常用的HTML标签,很有意思,其语法如下:
<fieldset>
<legend>fieldset名称</legend>
<!-- 加入你的内容 -->
</fieldset>
在IE中,如果不加css,fieldset的效果是圆角的,但加了css后就变成方角的了。
在Firefox中的效果都为方角。
示例如下:
以下是代码片段: <fieldset><legend>本站公告</legend> 欢迎光临本站!soking’s desk. </fieldset> <fieldset style="width:300px; border : 1px solid #ff9900;text-align:left;COLOR:#ff9900;FONT-SIZE: 12px;font-family: Verdana;padding:5px;"> <legend>本站公告</legend> 欢迎光临本站!soking’s desk. </fieldset> |
示例2(登录框):
以下是代码片段: <center> <fieldset style="width:300px"> <legend>用户登陆</legend> <form name="login" method="post"> 帐号:<input name="UserName"></input> <br><br> 密码:<input type="password" name="UserPassword"></input> <br><br> <input type="submit" value="登陆" name="Submit"></input> <input type="reset" value="重填" name="Reset"></input> </form> </fieldset> </center> |