Question

如何修改html表格宽度、高度？？

本人是个菜鸟对这些一点也神马都不懂
请教一些问题：

这个是一个表格的代码

表格代码：
<DIV class="container panel panel-2"><UL class=head>
<LI class=title>最新文章 </LI>
<LI class=more><A href="/tech/shownew.asp"
target=_blank>更多..</A> </LI></UL>
<UL class=list style="HEIGHT: 230px">
</UL></DIV>

如何修改这表格宽度？
高度是230xp，宽度找不到。如何修改？
寻求大虾！





Answer 1

你好，你这个是引用了外部CSS样式表。
你需要在相应的css文件里面修改ul 和 li 的样式
类似
ul{
margin:0;
width:800px;height:40px;
list-style-type:none;
font:20px ;
font-family:Arial, Helvetica, sans-serif;
}
li{
margin:0;padding-right:10px;

height:35px;

display:block;

float:left;
}

你的这都是用的class标签
所以也可以在css文件中这样：
.head{
margin:0;
width:800px;height:40px;
list-style-type:none;
font:20px ;
font-family:Arial, Helvetica, sans-serif;
}
.title{
margin:0;padding-right:10px;

height:35px;

display:block;

float:left;
}
more{
margin:0;padding-right:10px;

height:35px;

display:block;

float:left;
}

相应的参数调整调整，。
建议你在w3cschool 上好好看看，或者下载一本css的参考手册看看。多练练手就懂了的，加油~

追问

能详细点说吗？我是个菜鸟，

追答

类似这样的

标题
//这里可以引用外部CSS样式文件

body{
margin:0;padding:0;
font-family:"宋体";
font-size:16px;
color:#ffffff;
width:100%;height:100%;
}
#content{
background-color:yellow;
}
#div1{
background-color:blue;
}
#div2{
background-color:green;
position:relative;
width:100px;
height:300px;
}
#div3{
}
.class1{
background-color:red;
position:relative;
width:100%;
height:auto;
text-align:center;
}
.class2{
}
.p{
font:
}
.none{
}

这里用的是id

这里用的是class

外面用的是class

里面用的是id

Answer 2

<UL class=head>
<LI class=title>最新文章 </LI>
<LI class=more><A href="/tech/shownew.asp"
target=_blank>更多..</A> </LI></UL>
<UL class=list style="HEIGHT: 230px">

粗心吗？class=head 这些都是要加引号的class="head" 不然都起不到作用 可能你设置好了只不过是没用上 快改过来吧 如果不行 呢就是样式没设置好了

Answer 3

<div style="width:230px; height:auto;">

Answer 4

找到css原文件，修改head样式中的width 和 height就可以了。

Answer 5

可以直接在HEIGHT后定义WIDTH，定义宽度。