温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
CSS中使用Thymeleaf可以通过Thymeleaf的内联表达式来动态生成CSS样式。Thymeleaf是一种服务器端模板引擎，它允许在HTML页面中嵌入动态内容，并且可以通过Thymeleaf的内联表达式来访问和操作这些动态内容。
我们需要在HTML页面中引入Thymeleaf的命名空间，以便可以使用Thymeleaf的内联表达式。在HTML页面的`<html>`标签中添加`xmlns:th="http://www.thymeleaf.org"`，这样就可以在页面中使用Thymeleaf的内联表达式了。
接下来，我们可以在CSS样式中使用Thymeleaf的内联表达式来动态生成样式。例如，我们可以根据条件来设置不同的背景颜色。假设我们有一个变量`color`，它的值可能是"red"或"blue"，我们可以使用Thymeleaf的内联表达式来根据变量的值来设置背景颜色。示例代码如下：
.my-class {
background-color: /*[[${color}]]*/ red;
}
在上面的示例代码中，我们使用了Thymeleaf的内联表达式`[[${color}]]`来动态生成背景颜色。如果变量`color`的值是"red"，则生成的CSS样式为`.my-class { background-color: red; }`；如果变量`color`的值是"blue"，则生成的CSS样式为`.my-class { background-color: blue; }`。
除了根据变量的值来生成样式外，我们还可以使用Thymeleaf的内联表达式来进行样式的计算和判断。例如，我们可以根据变量的值来计算出一个新的颜色。示例代码如下：
.my-class {
background-color: /*[[${color == 'red' ? 'blue' : 'green'}]]*/ red;
}
在上面的示例代码中，我们使用了Thymeleaf的内联表达式`[[${color == 'red' ? 'blue' : 'green'}]]`来根据变量`color`的值来计算背景颜色。如果变量`color`的值是"red"，则生成的CSS样式为`.my-class { background-color: blue; }`；否则，生成的CSS样式为`.my-class { background-color: green; }`。
通过使用Thymeleaf的内联表达式，我们可以在CSS样式中动态生成样式，使得样式可以根据条件、变量的值来进行计算和判断。这为我们开发网页提供了更大的灵活性和扩展性。
