css布局基础:盒子模型练习 孙萍 • 2020年4月4日 上午7:57 • 网页设计 • 阅读 5746 主要知识点: 1、盒子在页面的显示=margin+border+padding+width/height 2、每个html元素都可以抽象为一个盒子 效果图: 参考: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css布局基础:盒子模型练习|www.125jz.com</title> <style> * { margin: 0; padding: 0; } /*覆盖默认样式*/ ul li { width: 100px; height: 40px; line-height: 40px; text-align: center; list-style: none; background-color: dimgrey; color: white; border-bottom: 1px solid white; } h3 { height: 50px; line-height: 50px; width: 100px; background-color: #000000; color: wheat; text-align: center; border-bottom: 1px solid #FFFFFF; } ul { display: none; margin-left: 50px; } div:hover ul { display: inline-block; } </style> </head> <body> <div> <h3>家电</h3> <ul> <li>冰箱</li> <li>洗衣机</li> <li>空调</li> </ul> </div> <div> <h3>洗护</h3> <ul> <li>洗衣液</li> <li>牙膏</li> <li>护发素</li> </ul> </div> <div> <h3>衣物</h3> <ul> <li>男装</li> <li>女装</li> <li>童装</li> </ul> </div> </body> </html> Tips:You can change the code before run. 本文来自投稿,不代表125jz立场,如若转载,请注明出处:http://www.125jz.com/5529.html borderCSSmarginpadding盒子 赞 (1) 孙萍管理团队 0 0 打赏 微信扫一扫 支付宝扫一扫 生成海报 css布局基础:浮动和清除浮动练习2 上一篇 2020年4月4日 上午7:51 css布局基础:定位练习1 下一篇 2020年4月4日 上午8:22 99%的人还看了以下文章 网页设计师必备的45个配色神器 分享优秀网页设计为大家整理的45个配色神器。 江山如画 2019年10月16日 • 网页设计 17.9K02 网页设计 网页制作实战项目三:运动会页面制作 【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 运动会页面制作 【上机目的】 1 、掌握表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使用 【上机难点】 1、导航条的制作 2、CSS的使用 【上机内容】 请在规定时间内制作出以下网页:(要求要符合网站建设的规范!) 所需素… 江山如画 2018年4月19日 13.1K116 网页设计 网页制作实战项目九:飘城旅行社(分步教程2) 网页制作实战项目九:飘城旅行社(分步教程)精 在上一课中,我们学习了实战项目九-首页的制作,今天来实现其他主要页面:旅游资讯。 练习一:PC端固定布局 地址:http://www.125jz.com/wp-content/demo/20190113demo1.html 练习二:流体移动布局 地址:马上上线 练习三:兼容响应式布局 地址:马上上线 1.导航下… 江山如画 2019年1月22日 11.5K05 网页设计 你需要知道的色彩基础知识 色彩基础知识 光与色彩 色彩三要素 色彩的冷暖 色彩深度 光与色彩 1666年,牛頓以三棱镜分解太阳光,发現看似无色的光线,经过三棱镜時,会依其波长和折射关系, 依序分为紅、橙、黃、绿、青、蓝、紫七色光。 光的物理性质:波长:产生色相的区別波长短的偏蓝,波长长的偏红振幅:产生明暗的区別振幅大的偏亮,振幅小的偏暗 【练习】哪一個较偏蓝?以下哪一個较亮? 人类… 江山如画 2018年1月27日 8.3K01 网页设计 品牌logo设计规范及应用-天猫年货节 江山如画 2018年6月20日 15.6K00 网页设计 做个企业网站多少钱? 联系中国网页设计站长做网站:QQ 41588872 很多企业要做网站,老板先问的是做个网站多少钱? 这个真没有办法直接回答,因为网站的价格跟网站的定位、功能需求、栏目等是息息相关的,你必须描述清楚你的要求才可以给出大致报价。 因此,首先要明确你做网站的目的是什么? 1、展示型网站 只是把网站作为一张“网络名片”,让别人知道你有网站,印在名片上,感觉企业高大… 江山如画 2018年9月30日 13.6K01 发表回复 请登录后评论...登录后才能评论 提交