圆角边框

最新推荐文章于 2024-07-25 09:24:40 发布

lkktyz

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量225

点赞数

文章标签：实例圆角边框前端

本文链接：https://blog.csdn.net/lkktyz/article/details/78095251

版权

圆角边框实例

圆角边框

ps：怕自己忘了·······

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            body{
                margin: 0;
                padding: 0;
            }
            #demo{
                /*border: 1px solid #000000;*/
                width: 100%;
                height: 200px;
                background-color: dodgerblue;
            }

            img{
                display: block;
                width: 200px;
                margin: -90px auto 0px;
                border-radius: 50%;
                border: 8px solid #ffffff;
            }

            #bottom{
                position: fixed;
                bottom: 0;
            }

            button{
                border: 1px solid #1E90FF;
                width: 100px;
                height: 40px;
                color: #FFFFFF;
                background-color: #1E90FF;
                border-radius: 10px;
        </style>
    </head>
    <body>

        <div id="demo">

        </div>

        <img src="img/tx.jpg" />

        <button>点击登录</button>
    </body>
</html>

lkktyz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
圆角边框

圆角边框实例ps：怕自己忘了·······<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> body{ margin: 0; padding: 0;
复制链接

扫一扫