CSS如何定义表格边框？

html-css054

CSS如何定义表格边框？,第1张

我的理解:border 只定义外围边框,所以table要定义边框,包括内部边框要分别定义 table td的border试下 table {border:1px</p><p> border-collapse:collapse</p><p>}td{ border:1px}应该可以解决~!

顶线和底线包含的区域

每个行内元素会生成一个行内框，行内框是一个浏览器渲染模型中的一个概念，无法显示出来，在没有其他因素影响的时候（padding等），行内框等于内容区域。 设定行高时行内框高度不变，半行距分别增加/减少到 行框 的上下两边。 简单说来，行内框就是行内元素的边框。

行框是指本行的一个虚拟的矩形框，是浏览器渲染模式中的一个概念，并没有实际显示。行框高度等于本行内所有元素中行内框最大的值。当有多行内容时，每行都会有自己的行框。

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<title>无标题文档</title>

<style type="text/css">

#c1{

width:70px

height:30px

border:solid 1px #CCC}

</style>

</head>

<body>

<div id="c1"></div>

</body>

</html

这里 就能写出一个框70px,高30px，的方框了，如果要调整方框的大小，直接改width和height的值就行