CSS基本知识Button样式相关

最新推荐文章于 2025-06-12 11:49:10 发布

原创最新推荐文章于 2025-06-12 11:49:10 发布 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

JAVA 同时被 2 个专栏收录

9 篇文章

订阅专栏

泽源框架开发

3 篇文章

订阅专栏

本文介绍了CSS的基本语法知识，通过实例展示了如何使用类选择器和ID选择器来定义按钮样式，强调了样式分离的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基本的语法知识
目的：为了让界面主要组成和样式的分离，便于界面的美化以及相关的修改

-CSS简单样例

<html>
<style>
 .myButton1{
    background:yellow;
     color:white;
     border-radius:4px; 
     font-size:5px; 
    }
  #myButton2{
     background:yellow;
     color:white;
     border-radius:4px; 
     font-size:5px; 
  }
 </style>
 //该样式定义了一个类的样式
 <button class="myButton1">竞价中</button>
 <button id="myButton2">竞价准备</button>