CSS样式:类样式的定义和应用

时间:2024-10-20 03:37:10

1、首先准备网页素材和代码如下

CSS样式:类样式的定义和应用
CSS样式:类样式的定义和应用

2、为导航设置样式。新建CSS规则

CSS样式:类样式的定义和应用

3、选择“类”,输入类名为nav,位置为“仅对该文档”。

CSS样式:类样式的定义和应用

4、确定后出现如下对话框

CSS样式:类样式的定义和应用

5、单击“确定”后代码如下图所示。

CSS样式:类样式的定义和应用

6、这里的.nav{ }茧盯璜阝就是所创建的类,只是里面还没有规则。接下来输入规则如下.nav { color:#09F; font-size:16px; text-align多唉捋胝:center;}选择导航所在的单元格,在属性栏“类”中选择nav,完成后的效果如下图

CSS样式:类样式的定义和应用

7、对应代码如下 <tr> <td>导航1</td> <td>导航2</td> &造婷用痃lt;td>导航3</td> <td>导航4</td> <td>导航5</td> <td>导航6</td> </tr>

© 手抄报圈