关于editplus编辑html代码的问题

我用编辑器编辑html代码时,这3个属性(都是关于bordercolor的)怎么都不变颜色,也出不来想要的效果。求路过的高手指点啊。对了,还有个小问题,知道的话顺便也告知... 我用编辑器编辑html代码时,这3个属性(都是关于bordercolor的)怎么都不变颜色,也出不来想要的效果。
求路过的高手指点啊。

对了,还有个小问题,知道的话顺便也告知一下,谢谢。就是我要做几个表格,用有序列表给这几个表格标号1,2,3.但是这几个标号怎么居中呢。我现在做出来的是这种,是在<ol></ol>这对标记外面加了<center></center>标记:
展开
 我来答
ml4w5
推荐于2016-07-23 · TA获得超过1394个赞
知道小有建树答主
回答量:625
采纳率:25%
帮助的人:649万
展开全部

你是用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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式