在CSS中,您可以使用border
屬性來創(chuàng)建一個框,并在其中添加一個小框,以下是一個示例代碼:
.outer-box { border: 1px solid #000; width: 200px; height: 200px; position: relative; } .inner-box { border: 1px solid #333; width: 50px; height: 50px; position: absolute; top: 50px; left: 50px; }
在HTML中,您可以使用以下標記來應用上述樣式:
<div class="outer-box"> <div class="inner-box"></div> </div>
在這個示例中,outer-box
類創(chuàng)建了一個200像素寬和高的外部框,inner-box
類創(chuàng)建了一個50像素寬和高的內(nèi)部框,內(nèi)部框通過position: absolute;
屬性相對于外部框進行定位,您可以根據(jù)需要調(diào)整寬度、高度和顏色等樣式屬性。
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。