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>

  • Dreamweaver如何插入Spry菜单栏?
  • Dreamweaver学习:[6]设置文本样式
  • Dreamweaver如何实现登录表单验证功能
  • Dreamweaver学习:[26]如何设置框架集及其属性
  • Dreamweaver cs6中库的使用
  • 热门搜索
    国庆手抄报内容资料 科技手抄报图片 书香伴我成长手抄报 世界环境日手抄报内容 爱的手抄报 三年级环保手抄报 儿童手抄报图片大全 防震减灾手抄报图片 大手牵小手手抄报 五一手抄报内容