HTML] CSS 배경태그구현

정확히 말하면 배경을 만들어주는 태그는 없습니다
그림으로 표현하거나, 태그를 곂쳐서 표현 해야 합니다

margin, margin-top 의경우 곂침태그를 밀어버리는 상속/지속 효과가 있으니 주의 하며 코딩 합니다
비밀번호 입력,변경 인터페이스 예



<style>
.change{margin:4px auto;width:200px;font-size:16px}
.change .msg{margin:4px 0}
.change .back{height:0}
.change .back{color:#ccc;text-align:right}
.change .back div{padding-bottom:8px;height:16px;background:#f7f7f7}
.change input{padding:0;border:0;width:200px;height:24px;color:#999;background:transparent;font-size:16px;display:block}
.change .fore input,
.change .back div{margin-bottom:4px;border-bottom:1px solid #ccc}
.change .u{background:#eee}
</style>
<div class="change">
<form>
    <div class="back">
        <div>비밀번호</div>
        <div>비밀번호 확인</div>
    </div>
    <div class="fore">
        <input type="password" name="s">
        <input type="password">
    </div>
    <input class="u" type="submit" value="변경">
</form>
</div>