前端笔记-使用CSS为前端界面设置背景底纹

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq78442761/article/details/88907354

目录

 

 

背景

演示


 

背景

因为Spring Boot中的src或href都是使用th:src,th:href,这里是使用了模板引擎,而在CSS里面,貌似用不了th这语法,如下CSS

body {
    background: url(background.jpg);
    height: 100%;
}

这里该如何在Spring Boot中使用background呢,只要把这个放到css里!

再用html界面使用th,模板引擎进行加载!

如下所示!

演示

这里程序结构如下:

扫描二维码关注公众号,回复: 5897013 查看本文章

这里的my.css源码如下:


body {
    background: url(background.jpg);
    height: 100%;
}

这里在index.html下添加如下代码:

<link rel="stylesheet" type="text/css" href="#" th:href="@{/img/my.css}" />

通过这种方式可以为设置底纹:

如下,没有底纹的运行截图:

有底纹的运行截图:

猜你喜欢

转载自blog.csdn.net/qq78442761/article/details/88907354