for (var i = 1 i <11 i++)
{
document.write('{PE.Field id="cone" fieldname="bt' + i + '" /}')
}
</script>
这样试一下，这个JS放在页面加载的前面。
1、打开编辑测试的软件，设置一个div区域，li标签因为默认的需要换行，所以需要设置一个浮动点，float:left使其靠左浮动对齐；主要代码如下：
<style>
.ceshi{
width:100%
height:30px
background-color:#F00
color:#FFF
}
.ceshi ul{ width:820px margin:0 auto}
.ceshi ul li{width:180px height:30px float:left list-style-type:none text-align:center line-height:30px border-right:1px solid #FFF}
</style>
<div class="ceshi">
<ul>
<li>li标签右边框</li>
<li>li标签右边框</li>
<li>li标签右边框</li>
<li>li标签右边框</li>
</ul>
</div>
详解：设置一个宽度：100%，高度为30px的区域，再次设置一下背景颜色与字体颜色，使其区分开；
设置一个ul宽度，让其在div区域中居中对齐；
最后也是最关键的li标签设置：宽度180px高度同样30px；靠左浮动float:leftlist-style-type:none去除左侧的点，然后使字体居中对齐center最后设置li标签的分隔线，这里用边框属性就可以实现此功能；border-right:1px solid #FFF border是边框默认的是四周；border-right在li标签右侧添加边框也可以理解为分割线：solid为分隔线的样式；#FFF为分隔线的颜色；
2、网页中实现的效果为：
其实他们的区别都可以用css来更改
<dl>适合于列表内容项，一个大标题，下面几个小标题的那种
<tr><td>(HTML中没有<tl>，估计是你笔误吧)，是<table>里的标签，这个适合于做表格，在早期都是拿来布局的，后来被<div>给代替了
<ul><li>无序列表，适用于那种不需要指明数字序号的列表，没有顺序的列表
<ol><li>有序列表，顾名思义，就是需要按一定顺序排列的列表
他们的表现形式，你可以把代码打出来，观察下就知道了，我把他们打出来了，你可以看下他们的区别
<!DOCTYPE html><html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<dl>
<dt>前端技术点</dt>
<dd>HTML</dd>
<dd>CSS</dd>
<dd>JavaScript</dd>
<dt>Java开发</dt>
<dd>Java Web</dd>
</dl>
<table border="1">
<tr>
<td>这个是表格</td>
<td>这个是表格</td>
<td>这个是表格</td>
</tr>
<tr>
<td>这个是表格</td>
<td>这个是表格</td>
<td>这个是表格</td>
</tr>
</table>
<ul>
<li>这个是无序列表</li>
<li>这个是无序列表</li>
<li>这个是无序列表</li>
</ul>
<ol>
<li>这个是有序列表</li>
<li>这个是有序列表</li>
<li>这个是有序列表</li>
<li>这个是有序列表</li>
<li>这个是有序列表</li>
</ol>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）