搜索框(父盒子透明,子盒子定位設(shè)邊框)代碼單元

<!DOCTYPE html>

<html lang="en">

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>搜索框</title>

? ? <link rel="stylesheet" href="../../base.css">

</head>

<body>

? ? <style>

? ? ? ? .search4 {

? ? ? ? ? ? margin: 60px auto;

? ? ? ? ? ? width: 575px;

? ? ? ? ? ? height: 40px;

? ? ? ? }

? ? ? ? .search4 input {

? ? ? ? ? ? top: 0;

? ? ? ? ? ? left: 0;

? ? ? ? ? ? width: 465px;

? ? ? ? ? ? height: 40px;

? ? ? ? ? ? border: 2px solid #d2a95e;

? ? ? ? ? ? padding-left: 10px;

? ? ? ? }

? ? ? ? .search4 button {

? ? ? ? ? ? top: 0;

? ? ? ? ? ? right: 0;

? ? ? ? ? ? width: 110px;

? ? ? ? ? ? height: 40px;

? ? ? ? ? ? color: rgb(11, 93, 216);

? ? ? ? ? ? font-size: 12px;

? ? ? ? ? ? background-color: #d2a95e;

? ? ? ? ? ? border: 0;

? ? ? ? }

? ? </style>

? ? <div class="search4 por">

? ? ? ? <input type="search" name="" id="" placeholder="父盒子透明,子盒子定位設(shè)邊框" class="poa">

? ? ? ? <button class="poa">子盒子總寬度能多不能少,高度可以誤差</button>

? ? </div>

</body>

</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容