码迷,mamicode.com
首页 > 其他好文 > 详细

定位,方框里面的顶点三角形

时间:2015-07-29 11:49:05      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
 1 <!doctype html>
 2 <html>
 3 <head>
 4      <meta charset="UTF-8">
 5      <title>韬睿科技</title>
 6      <style>
 7           .div1{
 8                width: 375px;
 9                height: 95px;
10                border: 1px solid gray;
11                padding-left:20px;
12                position:relative;
13                padding:15px;
14 
15                }
16           .div2{
17                width:0px;
18                height:0px;
19                border-top:20px rgb(236,226,226) solid;
20                border-right:20px rgb(236,226,226) solid;
21                border-bottom:20px transparent solid;
22                border-left:20px transparent solid;
23                position:absolute;
24                top:0;
25                left:90%;
26                z-index:0;
27 
28                }
29           .div3{
30                width:20px;
31                height:20px;
32                border:none;
33                position:absolute;
34                top:-16px;
35                left:90%;
36                z-index:1;
37                text-align:center;
38                }
39               
40      </style>
41 </head>
42 <body>
43         <div class="div1">《西游记》<br/><br/>《西游记》是一部神话小说,被中国人所喜爱<br/>
44      描述了唐僧带领三个徒弟前往西天取经的故事。<br/>四人经过九九八十一难,终成正果。
45           <div class="div2">
46                <div class="div3" >1
47                </div>
48           </div>
49      </div>
50      <br><br>
51      <div class="div1">《西游记》<br/><br/>《西游记》是一部神话小说,被中国人所喜爱<br/>
52      描述了唐僧带领三个徒弟前往西天取经的故事。<br/>四人经过九九八十一难,终成正果。
53           <div class="div2">
54                <div class="div3" >2
55                </div>
56           </div>
57      </div>
58      <br><br>
59      <div class="div1">《西游记》<br/><br/>《西游记》是一部神话小说,被中国人所喜爱<br/>
60      描述了唐僧带领三个徒弟前往西天取经的故事。<br/>四人经过九九八十一难,终成正果。
61           <div class="div2">
62                <div class="div3" >3
63                </div>
64           </div>
65      </div>
66      <br><br>
67      <div class="div1">《西游记》<br/><br/>《西游记》是一部神话小说,被中国人所喜爱<br/>
68      描述了唐僧带领三个徒弟前往西天取经的故事。<br/>四人经过九九八十一难,终成正果。
69           <div class="div2">
70                <div class="div3" >4
71                </div>
72           </div>
73      </div>
74 </body>
75 </html>
View Code

 

定位,方框里面的顶点三角形

标签:

原文地址:http://www.cnblogs.com/xiaomume/p/4685399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!