JSP div 居中，透明遮罩层，圆角按钮

最新推荐文章于 2025-05-16 13:48:45 发布

原创最新推荐文章于 2025-05-16 13:48:45 发布 · 2.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

0 篇文章

订阅专栏

这篇博客探讨了如何使用CSS进行页面元素布局，包括使JSP中的div居中，创建透明遮罩层，并实现圆角按钮的设计。文章提到了利用position: absolute;来处理背景图显示问题，以及通过z-index调整遮罩层的层次。此外，还介绍了CSS选择器的应用，如级联选择和集合选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在搭一个公司的项目框架，然后发现一些js的东西都记不太清晰了。所以就随手记一点吧：

<style type="text/css">
    #login_div{
        /* 居中 */
        position: absolute; 
        left: 37%; top: 35%; 
        width: 500px; height: 330px; 
        /* 透明遮罩层 */
        background:rgba(255,255,255,0.6)
        }
    /* 圆角按钮 */
    input{border-radius: 5px;}  
</style>
<body>
    <img src="body的背景图片"/>
    <div id="login_div">
        <from>
            <table>
                <tr><td>用户名：</td></tr>
                <tr><td><input type="submit"/></td></tr>
            </table>
        </from>
    </div>
<body>