Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style> .demo1{ border: 9px dotted #c00; padding: 14px; background-color: #c00; color:#fff; background-clip: padding-box;} .demo2{ border: 9px dotted #fff; padding: 14px; background-color: #008000; color:#fff; background-clip: border-box;} .demo3{ border: 9px dotted #007FFF; padding: 14px; background-color: #007FFF; color:#fff; background-clip: content-box;} </style> <div class="demo1">padding-box</div><br><br><br><br> <div class="demo2">border-box</div><br><br><br><br> <div class="demo3">content-box</div>
