欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

给标签定义通用样式的css文件

发布时间:2025/3/19 编程问答 41 豆豆
生活随笔 收集整理的这篇文章主要介绍了 给标签定义通用样式的css文件 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

场景

要定义一个通用的css样式,比如水平居中且文字变红。

如果哪个便签使用直接添加class=""即可,而不用添加style=""

实现

新建公共CSS文件

编写样式:

.badao_Center{text-align: center;color: red;vertical-align: middle!important; }

然后将此css文件引入到页面中,可以通过抽取公共页面实现所有页面都引用。

可以参照:
Thymeleaf提取公共页面(从实例入手,以inspinia模板为例):

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/93969759

然后在页面中需要应用这个样式的地方的标签上添加

  <th class="badao_Center">序号</th>

效果

 

总结

以上是生活随笔为你收集整理的给标签定义通用样式的css文件的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。