[css]我要用css画幅画(三)

前端开发 作者: 2024-08-21 10:50:01
接着之前的[css]我要用css画幅画(二), 今天,我画了一个小人,他的名字暂时叫作小明。 以下只列出本次修改增加的内容 html如下: 1 <div class="human le
1 <div class="human left-190 bottom-25">
2         p ="lines">大家好,我叫小明</p3         ="human-head-normal"></div4         ="human-body-normal"5         ="human-arms-normal"6         ="human-legs-normal"7     >
human
 1 .left-190 {
 2     left: 190px;
 3 }
 4 
 5 .bottom-25 {
 6     bottom: 25px;
 7 }
 8 
 9 .human {
10     height:170px;
11     width: 120px;
12 
13     position: absolute;
14 }
15 
16 .lines {
17 18     top: -20px;
19  220px;
20     display: block;
21 }
22 
23 .human-head-normal {
24     border: 2px solid #000;
25  40px;
26 27     border-radius: 50%;
28 29  20px;
30  35px;
31 }
32 .human-body-normal {
33  60px;
34  3px;
35     background: #000;
36  55px;
37  62px;
38 39 }
40 
41 .human-arms-normal {
42  80px;
43 44 45 46  18px;
47  75px;
48 }
49 
50 .human-legs-normal {
51 50px;
52  50px;
53  3px solid #000;
54     border-bottom: none;
55     border-right:56 57 58 59 
60     -webkit-transform: rotate(45deg);
61     -webkit-transform-origin: 1px 1px;
62 }
human.css
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_66049.html