html和css美观表单结构框，html表单组件

怎么用CSS设置html中的表格边框样式

1、首先，在CSS中，边框样式可以通过border-style属性来设置。

2、margin： 0 auto；} table td{border： 1px solid #878787；} /style 我们将视图换成设计视图 快捷键Ctrl + F3调出属性视图 选中需要合并的单元格 在属性面板中点击合并 适当修改之后如下所示。

3、这种情况只要把表格加宽就可以解决。解决办法：选中需要加右侧边框线的单元格，单击鼠标右键，弹出快捷菜单，选择设置“单元格格式命令”；弹出设置单元格格式对话框，在边框处，单击右侧边框线，使之加上边框线即可。

相关问答

Q1: 用HTML语言做一个表格

1、首先双击打开HBuilderX工具，在已新建的Web项目中，新建一个静态页面css.html。打开已新建的页面文件，引入核心的jquery文件并修改标签文字内容。在body标签元素中，插入一个table表格并添加数据（三行）。

2、接下来开始讲解如何使用DW CC简易合并单元格； 首先肯定是得建立一个表格，这里建立一个5*7的表格作为示例。 输入代码之后， 在键盘上敲击End键，再敲击Tab键，快速创建。

3、代码，先用table标签定义一个表格，其中border表示边框，border=1表示边框为1个像素，数值越大，边框就越粗。

4、制作表格我们需要使用标签table在html中输入table标签，然后设置行和列，tr代表行，td代表列，然后在行和列中输入相关的内容。

5、定义好表格的html代码：“table tr td单元格1/td td单元格2/td td单元格3/td /tr/table”然后用js的createElement（）方法，或者用jqurey的$(html代码)创建元素。

Q2: HTML+CSS表格制作简单方法

输入代码之后， 在键盘上敲击End键，再敲击Tab键，快速创建。代码中，大括号中的内容表示的是表格总将要放置的内容，每个表格中如果需要放置不同的内容的话，可以在创建好表格后自行修改。

首先双击打开HBuilderX工具，在已新建的Web项目中，新建一个静态页面css.html。打开已新建的页面文件，引入核心的jquery文件并修改标签文字内容。在body标签元素中，插入一个table表格并添加数据（三行）。

制作表格布局的网页步骤如下： 编写 HTML 代码：在 HTML 文件中使用 table 标签创建表格，并使用 tr 标签创建行，使用 td 标签创建单元格。

这种标准的二维表格，我建议使用table……/table来布局，你会发觉容易而简单的多。如果你想用table来布局的话，可以追问我代码。

最后是内联样式的使用，直接在第三个标签内使用style属性加入样式就可以了：最后保存html文件，打开浏览器可以看到三个按钮的样式都出现了。

要使用div做一个表格，主要需要应用到css中的border表框属性，这样看起来才像是一个表格。

Q3: html+css画一个特殊的边框

打开编辑器，新建一个HTML文档，并且编写基本框架。新建一个CSS文档，并且关联刚刚创建的HTML文档。新建一个p标签，可以看到这个p默认是没有边框的。border：1pxsolidred；这是我们设置边框的常用格式。

首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色。保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

Q4: HTML中正确设置表格table边框border的三种办法

要设置表格边框，我们可以使用CSS的border属性。border属性有三个值：border-width、border-style和border-color。border-width用于设置边框宽度，border-style用于设置边框样式，border-color用于设置边框颜色。

只对表格table标签设置边框 - TOP 只对table标签设置border（边框）样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。

border-top 在一个声明中设置所有的上边框属性。 1 border-top-color 设置上边框的颜色。 2 border-top-style 设置上边框的样式。 2 border-top-width 设置上边框的宽度。 1 border-width 设置四条边框的宽度。

html设置table的边框的方法是使用border 属性实现。说明：border 属性规定表格单元周围是否显示边框。值 1 指示应该显示边框，且表格不用于布局目的。

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的table标签中，输入样式代码：style=border-color： blue。

Q5: 怎么设置HTML表格细边框

1、首先打开Dreamweaver CS6创建一个表格 边框粗细为1像素，单元格边距和间距为零。(默认状态即可)方法三：我们点实时视图看预览的表格边框比较粗，实际上在浏览器观看也是一样的，我就不贴图了。

2、方法一。在table里加入style=border-collapse：collapse方法二。为每一个单元格设置不同数量的边框（上，下，左，右配合，避免重合）方法三。

3、操作方法如下：启动Dreamweaver，ctrl+n新建html文档；点击插入菜单，表格命令插入表格；输入所需行数和列数，主页边框粗细设置为1，点击确定。

4、如何在html的表格中加入边框线 只对table标签设置border（边框）样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。

5、打开一个表格，可以发现当前的边框线是比较细的。 选中所有的边框内容后，点击鼠标右键，选择设置单元格格式。 点击边框，选择自己需要的粗细，然后依次点击外边框和内部，再点击确定。 这样边框线就变粗了。

6、/tr tr td bgcolor=#FFFFFF /td td bgcolor=#FFFFFF /td td bgcolor=#FFFFFF /td /tr /table 修改表格和单元格的属性即可以实现细线格式，当然你也可以用CSS定义。

html和css美观表单结构框的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html表单组件、html和css美观表单结构框的信息别忘了在本站进行查找喔。