【JSP教程】如何引用外部样式表

2024-10-14 20:25:18

1、新建一个名为"shi"的动态web项目,如下图所示。

【JSP教程】如何引用外部样式表【JSP教程】如何引用外部样式表

3、右击名为“CSS”的文件夹,在弹出的快捷菜单中执行【新建>其他】命令,如下图所示。

【JSP教程】如何引用外部样式表

5、在弹出的【新建CSS文件】窗口中,更改文件名为“testcss.css”,单击【完成】按钮,如下图所示

【JSP教程】如何引用外部样式表

6、添加CSS代码,如下图所示。【解释说明】body:选择的装饰对象background-color属性:定义某元素的背景颜色

【JSP教程】如何引用外部样式表

8、右击index.jsp页面文件,在弹出的快捷菜单中选择【运行方式>在服务器上运行】菜单项,如下图所示。

【JSP教程】如何引用外部样式表

10、在弹出的【在服务器上运行】对话框中,直接单击【完成】按钮,如下图所示。

【JSP教程】如何引用外部样式表
猜你喜欢