同理一个菱形是 ...

话不多说直接先上效果图 其实原理很简单,就是一个带边框的方块加上一个黑色三角形和一个白色三角形，最后通过position定位实现。 代码如下： HTML就一个div CSS ...

<style> #triangle-down { width: 0; height: 0; border-left: 50 ...

div+css画三角形代码原理采用的是均分原理；在矩形的直角，两条边的样式要均分，把 div 的宽 高设为零，四条边 top right bottom left 设置一个宽度，把需要显示的一边设置有色，其他的设置透明，就这样一个三角形就出来了代码如下: <style> .box ...

...

一个div名为div1 ，另一个名为div2。假设div2浮在div1上，设置 .div1{position: relative;} .div2{position: absolute;} 这时div2就会默认浮在div1的左上角， 如果想要靠右，可以先设置div2的宽度，在设置 ...

直接上DEMO了 ...

一个div如何与另一个div底部对齐，方法有很多，比如使用绝对定位 ...