0

这是一个css文本，我想给html页面中的所有表格一个宽度为1px的边框。但是html文件没有读取这个为什么？我在 html 文件中看不到任何边框！！！！

<!-- <style type="text/css"> -->
body{background-color:pink;
}
input{background-color:green;
font-color=blue;
}


table.center {
    margin-left:auto; 
    margin-right:auto;
    border-width:10px solid;

  }
.testext{color:gray};
<!-- </style> -->
4

3 回答 3

4

那么你有两个问题：

1）该属性不是font-color它的color，并且您在属性与其值之间有一个=而不是a ，这将导致该规则被忽略:

2）您应该使用border简写，因为您使用border-width显然只接受单个 <length>值的属性指定两个不同的属性，而不是更改为：

border: 10px solid black;

要更好地理解 CSS 语法，请阅读语法模块

于 2013-04-29T15:29:42.467 回答
1

改变

table.center {
    margin-left:auto; 
    margin-right:auto;
    border-width:10px solid;

  }

至

table {
    border: solid 10px #000;

  }
table.center {
    margin-left:auto; 
    margin-right:auto;
  }

假设您正确完成了边框，则table.center仅适用于类名为“center”的表

于 2013-04-29T15:30:57.653 回答
0

您需要分离边框样式。'solid' 不是边框宽度的有效值。例如，要生成一个 10px 宽度的边框：

table.center {
    margin-left:auto; 
    margin-right:auto;
    border-width:10px;
    border-style: solid;
}

或像这样组合：

table.center {
    margin-left:auto; 
    margin-right:auto;
    border: 10px solid;
}
于 2013-04-29T15:38:18.477 回答