需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。
2、在index.html中的<style>标签中,输入css代码:table{width:85%}。
3、浏览器运行index.html页面,此时通过表格的宽度会随着屏幕的变化而变化,并且固定占用85%。
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<table>标签中的第一个<td>标签,加入属性代码:width="65px"。
3、浏览器运行index.html页面,此时表格第一列的宽度被固定在65像素。
可以通过设置单元格元素td的边框样式来实现:1
border: width style color /*分别设置边框的粗细、样式和颜色*/
示例如下:
在HTML代码中给出两个表格
<table class="tb1">
<tr><td>有</td><td>志</td><td>者</td></tr>
<tr><td>事</td><td>竟</td><td>成</td></tr>
</table>
<table class="tb2">
<tr><td>苦</td><td>心</td><td>人</td></tr>
<tr><td>天</td><td>不</td><td>负</td></tr>
</table>
分别设置不同的样式
table{ /* 表格整体样式 */
margin:50px /* 外边距50px */
border-collapse:collapse/* 合并为单一的边框线 */
}
/* 设置tb1类的表格样式 */
table.tb1 td{padding:10pxborder:1px solid green}
/* 设置tb2类的表格样式 */
table.tb2 td{padding:20pxborder:5px dashed blue}