本文详细介绍了如何使用CSS3创建不同位置的尖角效果，包括尖角在上、下、左、右四个方向的实现方法，通过调整边框属性来达到预期效果。并提供了相应的代码示例和实际效果图，适用于所有平台。
css3做尖角的方法：首先创建一个HTML示例文件；然后确定尖角的位置；最后通过给指定div设置属性为“top:6px;left:-3px;border-top:0px;border-bottom...”来实现尖角效果即可。
本教程操作环境：windows7系统、css3版，该方法适用于所有品牌电脑。
推荐：《css视频教程》
尖角在上面
效果图：
代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
尖角在下面
效果图：
代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
尖角在左边
效果图：
代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
尖角在右边
效果图：
代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
扫一扫
2253
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
