练习九宫格

背景:每日一练:绘制九宫格
要求:九宫格垂直居中于页面,只能使用ul和li标签,添加背景边框

代码





九宫格

要求:

1:不能修改标签,仅通过 css 实现效果

2:添加绿色的边框

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

效果图:

练习九宫格_第1张图片

练习九宫格_第2张图片

有很多种方法可以实现,我用的是伸缩盒,本来不想用的,但是文字的上下居中没有固定的高度只有百分比实在没想到方法居中.最后才加了伸缩盒.以后有时间要多尝试别的方法.

你可能感兴趣的:(html,css)