网页设计使用表格css,网页设计css样式效果怎么弄-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于网页设计使用表格 css的问题，于是小编就整理了2个相关介绍网页设计使用表格css的解答，让我们一起看看吧。

HTML网页制作：[5]如何在网页中插入表格？
HTML如何做一个可以编辑的表格？

html网页制作：[5]如何在网页中插入表格？

1.表格有什么？1）框架2）横线3）竖线4）方格所以，一个表格是由许多线和方格组成的。当然，可以加上标题等。用HTML 创建表格没有任何不同。1）table:表格标记，表格中所有的属性等都必须在<table></table>当中2）tr:行标记，表格中水平间隔3）td:列标记，表格中垂直间隔

2.OK，来做一个简单的表格。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 transitional//EN" "http://***.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="***://***.w3.org/1999/xhtml"><head><meta ***-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table><tr><td>语文</td><td>数学</td></tr><tr><td>英语</td><td>嘿嘿</td></tr></table></body></html>

div>

（图片来源网络，侵删）

3.效果图如下好吧，没有框框

4.怎么加上框框呢？给table加上属性<table border="1">再来试试

5.给表格设置标题：只要在<table>的下面加上<caption>XXXXS</caption>即可。

（图片来源网络，侵删）

6.效果图如下

7.有时候，表格是有表头的，给表头加黑是一种方式，还有一种方式则是设置表头。设置表头的方法是：<th>XXX</th>代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "***://***.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="***://***.w3.org/1999/xhtml"><head><meta ***-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table border="1"><caption>课程表</caption><th>上午</th><th>下午</th><tr><td>语文</td><td>数学</td></tr><tr><td>英语</td><td>嘿嘿</td></tr></table></body></html>

8.效果图如下