本文探讨了将表单元素fieldset和legend用于网页布局的表现效果，通过实例展示了这两种元素如何增强页面视觉呈现，并邀请读者共同讨论这一新颖用法。
最近在工作中发现有一个表单的元素在表现方面的点好玩，所以本人想能不能把它们也加进表现的范围中，不过这两个元素一般是在表单中使用的，在一般网页表现中我本人认为，可以加进去，作为表现的一种方式，可以的。
基具体效果如下：
看上去效果还可以的，主要是在里面加进了两个表单元素： fieldset 和 legend
具体的原码如下示：
CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body width:500px;>
<fieldset width:200px; style=" border-top-color:#0033FF;border-bottom-color:#0033FF;border-left-color:#0033FF;border-right-color:#0033FF; border-bottom-width:thin"><legend>此处显示新 Div 标签的内容</legend>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%" style="padding:10px;">
此处显示新 Div 标签的内容此处显示新 Div <br />
标签的内容此处显示新 Div 标签的内容此处<br />
显示新 Div 标签的内容</td>
<td width="25%" style="padding:10px;">此处显示新 Div 标签的内容此处显示新 Div <br />
标签的内容此处显示新 Div 标签的内容此处<br />
显示新 Div 标签的内容</td>
<td width="25%" style="padding:10px;">此处显示新 Div 标签的内容此处显示新 Div <br />
标签的内容此处显示新 Div 标签的内容此处<br />
显示新 Div 标签的内容</td>
<td width="25%" style="padding:10px;">此处显示新 Div 标签的内容此处显示新 Div <br />
标签的内容此处显示新 Div 标签的内容此处<br />
显示新 Div 标签的内容</td>
</tr>
</table>
</fieldset>
</body>
</html>
如果有与我相同意见的，请大家一起讨论一下吧
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
