Question

css3怎样做一个这样的三角形，写一下

是用css3来写哦，不是用图片当背景

Answer 1

用线性滤镜就行

background: linear-gradient(135deg,rgba(0,0,0,0) 34px,red 36px);
background: -o-linear-gradient(135deg,rgba(0,0,0,0) 34px,red 36px);
background: -moz-linear-gradient(135deg,rgba(0,0,0,0) 34px,red 36px);
background: -webkit-linear-gradient(135deg,rgba(0,0,0,0) 34px,red

Answer 2

找一个这样的图片，然后用CSS设置为背景就简单啦

追问

我是说用css3写，不是用图片来当背景，

追答

1. /* create an arrow that points down */创建一个向下的箭头
   div.arrow-down {
     width:0px;
     height:0px;
     border-left:5px solid transparent;
     border-right:5px solid transparent;
     border-top:5px solid red;
     font-size:0px;
     line-height:0px;
   }
   

2. /* create an arrow that points right */创建一个向右的箭头
   div.arrow-right {
     width:0px;
     height:0px;
     border-bottom:5px solid transparent;  /* left arrow slant */
     border-top:5px solid transparent; /* right arrow slant */
     border-left:5px solid red; /* bottom, add background color here */
     font-size:0px;
     line-height:0px;}
   

3. 然后两者拼在一起，就可以了，希望能帮到你