发表于: 2019-07-04 21:30:58
1 894
今天完成的事情:任务十使用div+css模拟单选框按键,使用::befor的content属性来在原来背景中间插入一个空白的点,做成一个空心蓝色按钮。然后使用:checked来模拟点击效果,使用label标签包裹按钮和文字,使得点击文字可以触发按钮。
然后百度了如何用div+css去掉下拉框原有格式,改为想要的样式。
效果图:
然后进行响应式修改,让盒子在不同屏幕尺寸变为不同的布局,以此适应屏幕。
但是发现开始的导航栏在缩到400px时会显示不全,准备使用框架将其变为响应式下拉框。
计划的事情:把导航栏修改,流程图修改为小屏幕时居中且尺寸合适。然后学习深度思考。
评论