JSP样式基础_jsp颜色代码表

作者：不正经 | 2024-02-26 06:00:28

踩

jsp颜色代码表

把所有的h1标签统一设置字体大小、颜色等样式

代码如下


<style>
  h1{
  	font-size:22px;/*字体大小*/
  	color:#FF0000;/*字体颜色为红色*/
  }
  </style>
  <body>
  <h1>标签选择器</h1>
    
  </body>

效果如下

统一定义一个类型的样式，谁想用这个样式的时候谁调用它

相同的标签可以使用不同的样式；不同的标签可以使用相同的样式。

代码如下


 <style>
  .red{
    color:#FF0000;/*字体颜色为红色*/
  }
  </style>
  <body>
  <h1 class="red">类选择器</h1>
    
  </body>

效果如下

ps:颜色也可以直接用英文单词来表示，代码如下，效果同上。

<h1 class="red">类选择器</h1>

给任意标签任意的样式，实现专属定义样式。

代码如下


    <style>
  #green{
  	color:#00FF00;/*字体颜色为绿色*/
  }
  </style>
  <body>
  <h1 id="green">ID选择器</h1>
    
  </body>

效果如下

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】