圆角边框

来源：互联网发布：文明的起源知乎编辑：程序博客网时间：2024/06/05 10:08

圆角边框实例

圆角边框

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>

阅读全文

0 0