问题:关于一个坛友的html布局实现_html/css_WEB-ITnose
程序员文章站
2022-05-01 16:24:20
...
来源:http://www.ido321.com/888.html
坛友的需求如图
这个跟上次贴友分类菜单的实现类似
html:
1:
2:
19:
css:
1: *
2: {
3: margin: 0 auto;
4: }
5: .test
6: {
7: width: 400px;
8: height: 500px;
9: border: 1px solid black;
10: }
11: .test div
12: {
13: border-bottom: 2px solid #ccc;
14: height: 150px;
15: width: 350px;
16: margin-top: 10px;
17: margin-bottom: 5px;
18: position: relative;
19: }
20: h3
21: {
22: position: absolute;
23: left: 155px;
24: top: 55px;
25: }
26: span
27: {
28: position: absolute;
29: top: 58px;
30: left: 250px;
31: font-weight: bold;
32: }
33: a{
34: color: #000;
35: text-decoration: none;
36: }
37: a:hover
38: {
39: color: #000;
40: text-decoration: none;
41: }
效果:
上一篇: 基于yii2写单元测试教程
推荐阅读
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
菜鸟:关于24小时循环倒计时的问题_html/css_WEB-ITnose
-
菜鸟关于网页设计的一个小问题,在线等答案~_html/css_WEB-ITnose
-
请问一个简单的问题_html/css_WEB-ITnose
-
关于浏览器默认CSS的问题_html/css_WEB-ITnose
-
关于浏览器默认CSS的问题_html/css_WEB-ITnose
-
关于padding设置的问题_html/css_WEB-ITnose
-
请问一个简单的问题_html/css_WEB-ITnose
-
再发-关于CSS+DIV首页的问题(入门级别)_html/css_WEB-ITnose
-
请教一个CSS的问题,怎么样才能实现小字体也能抗锯齿啊?象DELL网站就完全没锯齿_html/css_WEB-ITnose