怎样把定义好的边框CSS调用到td标签里

 时间:2024-10-12 11:19:28

1、新建一个html文件,命名为test.html,用于讲解怎样把定义好的边框CSS调用到td标签里。

怎样把定义好的边框CSS调用到td标签里

2、在test.html文件内,使用table标签创建一个表格,同时使用border属性设置表格边框为1px。

怎样把定义好的边框CSS调用到td标签里

3、在test.html文件内,在table标签里,使用tr,td标签设置成两行两列的表格。

怎样把定义好的边框CSS调用到td标签里

4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

怎样把定义好的边框CSS调用到td标签里

5、在css标签内,定义一个类名为mytd的样式,定义其为红色边框,内边距为20px。

怎样把定义好的边框CSS调用到td标签里

6、在test.html文件内,设置td标签的class属性为mytd,凡是设置了该class属性,都会应用上面设置的css样式。例如,这里在第一个单元格和第四个单元格应用该样式。

怎样把定义好的边框CSS调用到td标签里

7、在浏览器打开test.html文件,查看实现的效果。

怎样把定义好的边框CSS调用到td标签里
  • Adobe Dreamweaver CC 2017 切换界面
  • Dreamweaver设置网页外观属性
  • 创建oracle启动快捷方式
  • Dreamweaver怎样设置CSS连接属性
  • Dreamweaver如何插入页面合成类标签?
  • 热门搜索
    怎么减胸 安静的近义词是什么 打麻将怎么赢 感冒清热冲剂 杭州自然博物馆 深圳少儿医保怎么办理 双下巴怎么减 津津乐道的近义词 中国地质博物馆 烧饼修改器怎么用