CSS简单样式练习(二)

2019/11/07 12:15
阅读数 3

运行效果:

 

 源代码:

 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>传智播客</title>
 6     <style type="text/css">
 7         * {
 8             margin: 0;
 9             padding: 0;
10             border: none;
11         }
12 
13         .container {
14             width: 520px;
15             margin-left: 10px;
16             margin-top: 10px;
17         }
18 
19         .img-logo{
20             width: 170px;
21         }
22 
23         .border-black {
24             margin: 20px auto;
25             border: 1px solid black;
26             float: left;
27         }
28 
29         .itcast-info {
30             width: 320px;
31             height: 100%;
32             float: right;
33         }
34 
35         .itcast-conclusion{
36             width: 100%;
37             padding-top: 40px;
38             float: left;
39         }
40     </style>
41 </head>
42 <body>
43     <div class="container">
44         <div class="img-logo">
45             <img class="border-black" src="http://www.itcast.cn/2018czgw/images/logo.png" />
46         </div>
47         <div class="itcast-info">
48             传智播客是致力于高素质软件开发人才培养的新三板挂牌公司(代码:839976)。旗下已涵盖黑马程序员及博学谷两大子品牌。现开设JavaEE、Android、PHP、UI、IOS、前端、C++、网络营销、Python、云计算、全栈工程师、产品经理等培训学科
49         </div>
50 
51         <div class="itcast-conclusion">
52             传智播客由一群有活力、有理想、有责任的传智人组成,他们秉承“为莘莘学子改变命运而讲课,为千万学生少走弯路而著书”的使命,坚持“务实、质量、创新、分享、专注、责任”的核心价值观,正向着建设成为中国一流的综合性职业教育集团不断迈进。
53         </div>
54     </div>
55 </body>
56 </html>

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部