Home > Developer > Web Develop
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Border Spacing </title>
<style type= "Text/css" >
div{
border:1px solid red;
width:100px;
height:100px;
}
/*1. Four edges set the same margin */
#d1 {
padding:20px;
margin:30px;
}
/*2. Four edges set a different margin */
#d2 {
padding:10px 20px 30px 40px;
margin:10px 20px 30px 40px;
}
/*3. Setting margins on a single edge */
#d3 {
padding-left:20px;
margin-bottom:30px;
}
/*4. Set the same margin on the edge */
#d4 {
padding:10px 20px;
margin:30px 40px;
}
/*5. When setting the margin for a special case of edge settings, if the left and right margin value is auto, the element is centered horizontally */
#d5 {
margin:20px auto;x
}
</style>
<body>
<div id= "D0" >d0</div>
<div id= "D1" >d1</div>
<div id= "D2" >d2</div>
<div id= "D3" >d3</div>
<div id= "D4" >d4</div>
<div id= "d5" >d5</div>
</body>
Css_ Border Spacing
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
