JSF2.2中使用CSS背景图片

如何在jsf中使用CSS设置背景图片

 

 

1.首先在<h:head></h:head>中添加CSS文件的引用：

        <h:outputStylesheet library="css" name="default.css"/>

2.然后编辑css文件：

body {
    background-image: url(/guessnumber-jsf/resources/css/background.jpg);
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px;
}

3.然后即可添加成功

注意：在url路径里面 guessnumber-jsf 为web application的名称，然后是一级一级的目录。

其中 library=css 为css文件所在的路径。