关于editplus编辑html代码的问题
我用编辑器编辑html代码时,这3个属性(都是关于bordercolor的)怎么都不变颜色,也出不来想要的效果。求路过的高手指点啊。对了,还有个小问题,知道的话顺便也告知...
我用编辑器编辑html代码时,这3个属性(都是关于bordercolor的)怎么都不变颜色,也出不来想要的效果。
求路过的高手指点啊。
对了,还有个小问题,知道的话顺便也告知一下,谢谢。就是我要做几个表格,用有序列表给这几个表格标号1,2,3.但是这几个标号怎么居中呢。我现在做出来的是这种,是在<ol></ol>这对标记外面加了<center></center>标记: 展开
求路过的高手指点啊。
对了,还有个小问题,知道的话顺便也告知一下,谢谢。就是我要做几个表格,用有序列表给这几个表格标号1,2,3.但是这几个标号怎么居中呢。我现在做出来的是这种,是在<ol></ol>这对标记外面加了<center></center>标记: 展开
1个回答
展开全部
你是用HTML 4.0的文档头吗?你代码中的写法是过时的写法,bordercolorlight和bodercolordark只有IE系列支持,其它浏览器不支持;而<center>标签在HTML4.0标准中不赞成使用,往后的XHTML和HTML5中已不支持该标签了,建议你把这类效果交给CSS去渲染。下面是我的建议:
1. 表格的边框效果用CSS来实现(例如把边框变成绿色):
th,td {border:1px solid green;}
2. 有序列表(<ol>)前面的数字是无法居中显示的,但是可以通过一些“手段”来模拟出居中的效果(设置比表格稍微大一点的宽度,把数字“挤到”表格旁边,然后设置ol居中):
<ol style="width:605px; margin:0 auto">
<li>
<table width="600">
<-- 内容略 -->
</table>
</li>
</ol>
追答
这种标签的嵌套写法是错误的,不符合W3C标准,<ol>标签内只能嵌套<li>标签,如想在<ol>里插入表格的话,必须放在<li>标签内。看了你完整的代码后大致了解了你的需求,写了个代码给你,你看下是否是这种效果,上图先:
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style tpe="text/css">
table {border-collapse:collapse; font:14px/2 normal normal; margin-bottom:30px;}
td {border:1px solid #369; text-align:center;}
caption {text-align:left; margin-top:-22px;}
</style>
</head>
<body>
<ol>
<li>
<table width="600">
<caption>表格基本样式:</caption>
<tr>
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
</table>
</li>
<li>
<table width="600">
<caption>表格合并列效果:</caption>
<tr>
<td colspan="3">1.1</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
</table>
</li>
<li>
<table width="600">
<caption>表格合并行效果:</caption>
<tr>
<td rowspan="2">1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<td>2.2</td>
<td>2.3</td>
</tr>
</table>
</li>
</ol>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询