用newxy新坐标标签美化介面

原创于 2007-03-13 21:55:00 发布 · 964 阅读

·

0

·

CC 4.0 BY-SA版权

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

文章标签：

#stylesheet #javascript #table #html #bean #jsp

本文介绍使用newxy新坐标<nhtml:stylesheets/>标签轻松实现网页界面美化的方法，无需编写Java代码，仅通过几个标签即可完成界面定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用newxy新坐标<nhtml:stylesheets/>标签美化介面

----newxy(新坐标)标签运用 胡立新

newxy新坐标的诸多标签中影响介面的表现主要是<nhtml:stylesheets/>，对这个标签的灵活运用，能够轻松获得很好的外观。

下面是<nhtml:stylesheets stylesheet=”stylesheet2”/>的效果

在线演示http://demo.newxy.net/nhtml_stylesheets/stylesheet2.jsp

范例的工程下载http://www.newxy.net/zh_cn/download/index.jsp

1. 原初外观

2. 外加边框

3. 将表的两边线除掉

下面是<nhtml:stylesheets stylesheet=”stylesheet3”/>的效果

在线演示http://demo.newxy.net/nhtml_stylesheets/stylesheet3.jsp

1. 外加边框

2. 将表的两边线除掉

不 需写java代码，只一个jsp文件上加几个标签，无需关注javascript脚本。

<%@ page contentType="text/html; charset=GBK" %>

<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>

<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>

<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>

<%@ taglib uri="/WEB-INF/newxy-html.tld" prefix="nhtml"%>

<%@ taglib uri="/WEB-INF/newxy-logic.tld" prefix="nlogic"%>

<%@ taglib uri="/WEB-INF/newxy-bean.tld" prefix="nbean"%>

<html>

<head>

<title>

newxy新坐标<nhtml:stylesheets/>标签预定义的几种样试

</title>

<style type="text/css">

.table {

BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #000000 1px solid;

}

.table1 {

BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-BOTTOM: #000000 0px solid;

}

</style>

</head>

<nbean:formBean name="industry" sql="select * from industry"/>

<body bgcolor="#ffffff">

<logic:present name="industry">

<logic:notEmpty name="industry" property="_coll">

<nlogic:navigate formName="industry" length="5"/>

<table cellspacing="0" class="table1">

<tr>

<td>序号</td><td align="center">编码</td><td align="center" style="BORDER-RIGHT: #ffffff 0px solid;">行业内容</td>

</tr>

<nlogic:iterate id="rec" name="industry" property="_coll">

<nhtml:TR>

<td align="center">${index+1}</td>

<td width="50" nowrap="nowrap"><bean:write name="rec" property="code"/></td>

<td width="400" nowrap="nowrap" style="BORDER-RIGHT: #ffffff 0px solid;"><bean:write name="rec" property="industry"/></td>

</nhtml:TR>

</nlogic:iterate>

</table>

</logic:notEmpty>

</logic:present>

</body>

</html>

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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