首页 >

class在HTML里面有什么作用 – CSS – 前端,免费css特效代码

div css入门到精通,css边框动态,行高样式css,css浮动怎么弄,织梦如何改css,css怎么合并空格和换行,免费css特效代码class在HTML里面有什么作用 - CSS - 前端,免费css特效代码

1、class是选择调用CSS样式的属性,可以复用,也就是说一个class的属性的样式可以用在多个标签上面,也可以同时使用多个class。具体的用法用一个示例演示,首先需要打开HTML编辑器新建一个html文件,在里面写入3个按钮:

2、下面分别给按钮1和按钮2设置class属性为btn1,按钮3的class设置为btn1和btn2,然后在style标签中设置样式,btn1设置一个背景色,btn2设置边框和边框的圆角:

3、最后打开浏览器,可以看到前两个按钮的颜色是一样的,最后一个按钮的颜色不光一样,还有边框和圆角。这就是class属性在html里面的用法:


class在HTML里面有什么作用 - CSS - 前端,免费css特效代码
  • js如何在有限时间隐藏提示框 - CSS - 前端,css字体居中代码flex
  • js如何在有限时间隐藏提示框 - CSS - 前端,css字体居中代码flex | js如何在有限时间隐藏提示框 - CSS - 前端,css字体居中代码flex ...

    class在HTML里面有什么作用 - CSS - 前端,免费css特效代码
  • CSS中的h1 - CSS - 前端,css控制表单单双行换色
  • CSS中的h1 - CSS - 前端,css控制表单单双行换色 | CSS中的h1 - CSS - 前端,css控制表单单双行换色 ...

    class在HTML里面有什么作用 - CSS - 前端,免费css特效代码
  • html怎么设置盒子跟随页面 - CSS - 前端,css伪类做文字横线
  • html怎么设置盒子跟随页面 - CSS - 前端,css伪类做文字横线 | html怎么设置盒子跟随页面 - CSS - 前端,css伪类做文字横线 ...