利用css来制作小三角形样式

1. 首先我们先准备一个盒子,让盒子的宽高等于零,分别给定四个方向的边框大小、实线、边框颜色;让边框来充当内容。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请虚拟主机、营销软件、网站建设、容县网站维护、网站推广。

 1 DOCTYPE html>
 2 <htmllang="en">
 3  
 4 <head>
 5     <metacharset="UTF-8">
 6     <metahttp-equiv="X-UA-Compatible" content="IE=edge">
 7     <metaname="viewport" content="width=device-width, initial-scale=1.0">
 8     <title>Documenttitle>
 9     <style>
10         .box1{
11             width: 0;
12             height: 0;
13             margin: 0 auto;
14             border-top: 100px solid palegreen;
15             border-right: 100px solid peru;
16             border-bottom: 100px solid purple;
17             border-left: 100px solid pink;
18         }
19     style>
20 head>
21  
22 <body>
23     <divclass="box1">div>
24 body>
25  
26 html>

网站栏目:利用css来制作小三角形样式
转载来源:http://scyanting.com/article/dsojees.html