百变鹏仔-专注前端行业精选
如何使用border属性实现一个三角形样式?
作者：鹏仔先生 日期：2020-06-01 15:56:54 浏览：2257 分类：CSS
如何使用border属性实现一个三角形样式?
解决方案：
元素{
width: 0px;
height: 0px;
border: 10px solid transparent;
/*注:要显示那个方向的三角，就给这个方向设置颜色即可*/
border-top-color: red;
}
猜你还喜欢
- 04-24 简单实现文字两端对齐
- 04-24 检测图片URL是否失效
- 04-24 elemetui中el-date-picker限制开始结束日期只能选择当月
- 04-24 iview中DatePicker时间段选择限制开始结束日期只能选择当月
- 03-24 vue h5实现车牌号输入框
- 11-01 vue中实现代码高亮
- 08-09 vue动态修改网站的icon图标
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
取消回复欢迎 你 发表评论:
- 搜索
-
- 最新文章
- 随机文章
- 随机tag