CSS中如何使用多个ID设置样式

在css中,多个div的id以逗号隔开,便可一起设置它们的样式,下面小编举例讲解CSS中如何使用多个ID设置样式。

东西/原料

  • html+css
  • 代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解CSS中若何利用多个ID设置样式。

  2. 2

    在test.html文件内,利用div建立三行文字,别离为测试1,测试2,测试3。

  3. 3

    在test.html文件内,别离设置三个div的id属性,别离为one,two,three。

  4. 4

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

  5. 5

    在css标签内,利用“#+id”的体例,将多个id以逗号离隔,同一设置它们的宽度、高度都为100px,同时利用border设置它们的边框为1px。

  6. 6

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

    END

总结:

  1. 1

    1、建立多个div模块,并别离设置id属性。

    2、在css标签内,利用“#+id”的体例,将多个id以逗号离隔,便可同一设置样式 。

    END

注重事项

  • #与id之间不克不及有空格。
  • 发表于 2020-03-19 19:00
  • 阅读 ( 1949 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具