怎样把定义好的边框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如何插入页面合成类标签?
  • 热门搜索
    大便干燥出血怎么办 提莫怎么玩 成都东软学院怎么样 日语原来如此怎么说 惟妙惟肖的近义词 稀罕的近义词是什么 感冒不能吃鸡蛋 小肚子大怎么办 飞机头发型 脸大适合什么发型