html-css登录页面-样式控制

原创于 2023-03-27 05:55:18 发布 · 79 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

html 专栏收录该内容

28 篇文章

订阅专栏

该文档演示了如何使用CSS来设置网页背景图片的重复属性，以及如何消除输入框的轮廓，并展示了通过修改display属性控制元素的显示方式。它涵盖了HTML中的input元素和CSS的display、background-repeat及outline属性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式演示</title>
    <style>
        body{
            background: url("../img/bg2.png");
            /*no-repeat-不重复 repeat-x-水平重复 repeat-y-垂直重复 repeat-水平+垂直重复 */
            background-repeat: repeat;
        }
        /*轮廓控制 double-双实线 dotted-圆点 dashed-虚线 none-无*/
        input{
            outline: none;
        }
        /*元素显示 inline-内联元素（无换行，无长宽）,block-块级元素（有换行）,inline-block-内联元素（有长宽）,none-隐藏元素*/
        div{
            display: none;
            width: 100px;
        }
    </style>
</head>
<body>
用户名：<input type="text"/><br/>
<div>春季</div>
<div>夏季</div>
<div>秋季</div>
<div>冬季</div>
</body>
</html>