Tip: you can modify some code before running
You can use the rounded corner style again and set different classes for different content. You can change the background style. testboxcon uses a "relative" location, it mainly serves as a reference for multiple content Positioning. The outermost div class = "testlayer" is mainly used to provide the rounded corner with a "area" and the rounded corner in FF during the large layout, compatible display. In addition, it is recommended that you set the radians to 5*5 px when creating rounded corners. 10 px radians are hard to understand and are difficult to calculate.<style type="text/css"><!--#ibox01 {overflow: hidden;height: 1px;margin-right: 5px;margin-left: 5px;background-color: #CC0000;}#ibox02 {height: 1px;margin-right: 3px;margin-left: 3px;border-right-width: 2px;border-left-width: 2px;border-right-style: solid;border-left-style: solid;border-right-color: #CC0000;border-left-color: #CC0000;overflow: hidden;}#ibox03 {height: 1px;margin-right: 2px;margin-left: 2px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #CC0000;border-left-color: #CC0000;overflow: hidden;}#ibox04 {overflow: hidden;height: 1px;margin-right: 1px;margin-left: 1px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #CC0000;border-left-color: #CC0000;}#ibox05 {overflow: hidden;height: 1px;margin-right: 1px;margin-left: 1px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #CC0000;border-left-color: #CC0000;}#boxcon {border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #CC0000;border-left-color: #CC0000;}.testlayer {height: 200px;width: 300px;}.testboxbg {background-color: #666666;}.testboxcon {height: 190px;background-color: #666666;position: relative;}--></style><div class="testlayer"><div id="ibox"> <div id="ibox01" class="testboxbg"></div> <div id="ibox02" class="testboxbg"></div> <div id="ibox03" class="testboxbg"></div> <div id="ibox04" class="testboxbg"></div> <div id="ibox05" class="testboxbg"></div> <div id="boxcon" class="testboxcon"></div> <div id="ibox05" class="testboxbg"></div> <div id="ibox04" class="testboxbg"></div> <div id="ibox03" class="testboxbg"></div> <div id="ibox02" class="testboxbg"></div> <div id="ibox01" class="testboxbg"></div></div></div>
Tip: you can modify some code before running
