-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
沉沙
2018-06-12
来源 ：
阅读 1740
评论 0
摘要：众所周知border就是边框，大概就是定义一个宽度，样式，颜色。希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。
众所周知border就是边框，大概就是定义一个宽度，样式，颜色。最大的作用可能就是美观了。最近发现，其实还有一个重要的作用--画图。
在谈及这个功能之前，必须要先明确border到底是怎么形成的.
<div id="newDiv"></div>
#newDiv{
width:0px;
height:0px;
border-left:50px solid pink;
border-right:50px solid pink;
border-top:50px solid pink;
border-bottom:50px solid transparent;
}形状是 :
要是设置width和height属性的话,即:
<div id="newDiv">border</div>#newDiv{ width:45px; height:17px;
border-left:50px solid pink;
border-right:50px solid pink;
border-top:50px solid pink;
border-bottom:50px solid transparent;
}形状是:
如大家所见，border并不是一个矩形，而是一个三角形或者梯形.
想要让border显示出来，最少要水平方向和垂直方向各一个方向的属性，即border-top或border-bottom中的一个加上border-left或border-right中的一个
本文由职坐标整理发布，学习更多的HTML5/CSS3相关知识，请关注职坐标WEB前端HTML5/CSS3频道！
喜欢 | 3
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
