繪制三角形，梯形

2017-11-11 23:50:00

<!DOCTYPE html>

<html>

<style>

body{

margin: 100px;

}

.span1{

display: inline-block;

border-left: 60px solid darkorange;

border-top: 50px solid transparent;

border-bottom: 50px solid transparent;

/**/

width: 0px;

height: 0px;

.span2{

border-left: 50px solid darkorange;

border-top: 50px solid orange;

border-bottom: 50px solid fuchsia;

border-right: 50px solid green;

width: 0px;

.span3{

background-color: blue;

width: 40px;

height: 40px;

</style>

</head>

<body>

</span>

</body>

</html>

本文轉自 matengbing 51CTO部落格，原文連結:http://blog.51cto.com/matengbing/1876127

繼續閱讀