设置css样式的方法

html-css08

设置css样式的方法,第1张

有三种方法：

行内样式 直接在标签里面添加style属性，在style属性里面写样式即可；

内部样式 在<head>标签里面通过<style>标签来写入内部样式；

外部样式 通过<link>标签引入外部样式表。

指定的<table>为细边框，把<table>放在<div>中即可。

一、首先新建表格，代码如下：

<table width="500" border="1">  <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr><tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr><tr>  <td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr</table>。

二、在table里加css样式，代码如下：

<table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse">  <tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td </tr><tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></tr><tr><td>&nbsp</td><td>&nbsp</td><td>&nbsp</td></table>。

三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。

之前在论坛上面看到论坛后台可以把所有页面的标题,内容，字体，背景，颜色等css属性都列出来了，并且可以随意重新设置，保存以后前台页面就可以根据设置动态的更新显示了，之前就有了一点想法，做了一个demo.jsp，然后在这个页面引入一个style.css样式文件，并且在这个样式文件中定义了一些属性，然后定义了一个java类来对应样式文件的属性