题目点评三角形的图标在网页设计是很常见的,属于基本常识题,只要在练习做到过这个功能都能回答出来,可以把你做过的思路描述出来就可以了,本题的难易程度为简单答题要点1.采用的是均分原理 盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部2.代码的实现第一步 保证元 ...
题目点评
三角形的图标在网页设计是很常见的,属于基本常识题,只要在练习做到过这个功能都能回答出来,可以把你做过的思路描述出来就可以了,本题的难易程度为简单
答题要点
1.采用的是均分原理
盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部
2.代码的实现
第一步 保证元素是块级元素
第二步 设置元素的边框
第三步 不需要显示的边框使用透明色
示例代码
[css] view plain copy- .square{
- width:0;
- height:0;
- margin:0 auto;
- border:6px solid transparent;
- border-top: 6px solid red;
- }
- <div class="box b1"></div>
- <div class="box b2"></div>
- .box{
- position: absolute;
- left: 0;
- top: 0;
- width: 0;
- height:0;
- border: 6px solid transparent;
- }
- .b1{
- border-bottom-color:#000 ;
- }
- .b2{
- border-bottom-color:#fff ;
- }
海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com
原标题:Web前端面试指导(十八):用纯CSS创建一个三角形的原理是什么?
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。