如何画三角？
.test{
width:0;
height:0;
border:10px solid;
border-color:red transparent transparent transparent;
}
地址：http://jsbin.com/mabamefeqe/edit?html,css,output
zhangyaochun
- 浏览: 2620779 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
Function与Object
2013-10-21 16:20 1311先看一段代码： Function in ... -
关于html的压缩
2013-07-19 20:49 1418本文简单记录关于html压缩相关的问题： ... -
再谈面试题系列
2013-06-18 11:18 1321收录一个不错的case： {}.t ... -
面试题系列之不一样的P
2013-05-08 16:13 1312以下代码： <html> ... -
又是null
2013-04-25 11:46 0null > 0 ... -
取最大最小值
2013-04-12 16:17 0http://www.cnblogs.com/ ... -
判断鼠标移入的方向
2013-04-12 14:36 0本文主要来自：http://www.cnbl ... -
mouseover与mouseenter的区别
2013-06-05 14:29 1634mouseover与mouseenter的区 ... -
坑爹的逗号运算符
2013-03-29 17:58 1738先来看一个小题： //返回多少？ x ... -
一些不好的写法汇总
2013-02-19 14:29 1161下面是一种比较多余的“高级”写法： / ... -
前端面试题系列之length
2013-01-29 11:43 1231举出含有length属性的对象？ window ... -
关于function的length
2013-01-21 12:12 1386问题：Function对象的length是干嘛的？ ... -
IE下stack overflow的可能原因
2013-01-18 18:31 1377收集了一些网上出现这种问题的原因： ... -
介绍一下nofollow
2013-01-16 15:22 1031问题： <a rel="nofol ... -
删除数组的偶数项
2013-01-06 17:04 4054问题：要删除指定数组中偶数索引的item？ ----- ... -
IE下删除自定义属性的兼容性问题
2012-12-17 10:02 2855很多时候我们会给某个dom元素赋予一些自定义的属 ... -
如何模拟ie6
2012-11-27 10:20 1531问题：如何模拟ie6进行相关测试？ 一般的答案：IET ... -
a设置disabled属性
2012-11-27 10:06 26726场景： 现在很多场景下的提交按钮，比如为了支持hov ... -
回顾cookie的细节
2012-11-05 17:12 0虽然对于本地化存储的方案中,cookie已经被localst ... -
说说jQ的优势
2012-10-24 17:05 01、不污染顶级变量 jQuery只建立了一个名 ...
相关推荐
CSS面试题大全 CSS（Cascading Style Sheets，层叠样式表）是一种用于描述网页样式的语言，广泛应用于Web开发领域。本文总结了常见的CSS面试题，涵盖了CSS基础知识、布局相关、样式控制、选择器、css引入方式、动画...
2. **React面试题**：React的核心概念如虚拟DOM、JSX、组件生命周期、状态管理和Props、Redux或Context API等会是常见考点。 【HTTP & HTTPS】 1. **HTTP协议**：面试者需要理解HTTP的基本原理、请求方法（GET、...
css常见面试题目，自适应两栏布局避免垂直方向margin合并BFC定义，布局规则，防止高度坍塌，自适应两栏布局，利用css构建三角形（正三角，倒三角，左/右三角），响应式布局的方式，几种，媒体查询原理，flex布局，父...
【高级前端工程师面试题整理1】 一、HTML 1. HTML5的新特性和移除的元素： HTML5引入了许多新特性，包括： - (1) `<canvas>`元素用于图形绘制； - (2) `<video>`和`<audio>`元素支持媒体播放； - (3) localStorage...
本文总结了前端面试题中，关于css部分 ，掌握这些 ，对你面试会有很大帮助。关于JS，浏览器，框架等后续会有更新呦，需要的小可爱可以关注一下，真的全是干货，不要错过哦！:heart_suit::heart_suit::heart_suit: ...
以下是一些常见的面试题以及一些实用的CSS技巧。 一、CSS基础面试题 1. CSS盒模型：解释盒模型的概念，包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。同时，讨论标准盒模型和IE盒模型的区别...
以下是一些主要的CSS面试知识点的详细解释： 1. **CSS 盒子模型**：标准的CSS盒子模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，总宽度 = content宽度 + padding左右 + border左右 + ...
【CSS1. CSS3 特性】：CSS3引入了许多新特性，如边框圆角（border-radius）、阴影效果（box-...以上是对CSS面试题中涉及知识点的详细解释，涵盖了从基础到进阶的各种概念和技术，有助于全面理解和掌握CSS相关知识。
16. 画三角形时，需要注意不同的边框设置方式可能会导致三角形的方向变化。 17. 通过媒体查询可以创建响应式布局，实现不同屏幕尺寸下的布局变化。 18. CSS中的弹性盒布局模型(flexbox)提供了更加灵活的方式来对齐...
Java面试题涵盖了许多核心概念，对于想要入职Java开发岗位的人来说，了解这些知识点是至关重要的。以下是对题目中涉及的一些关键知识点的详细解释： 1. 字符串统计：这是一个关于字符计数的问题，需要理解Java中的...
【前端面试】涵盖的知识点广泛，包括HTML、CSS、JavaScript（ES6）、Vue、React以及小程序，还有编程题目和Web开发工具如webpack和git。以下是对这些知识点的详细阐述： 一、HTML 1. 兼容性问题：前端开发者需要...
"原生js，复习，面试题" 以下是根据给定文件生成的相关知识点： 1. DOCTYPE 声明的作用和标准模式与混杂模式的区别 DOCTYPE 声明位于文档最前面的位置，处于所有标签之前。它告知浏览器使用哪种 HTML 规范解析...
最近网上看到一个前端面试题，要求面试者用纯CSS实现一个6边形的效果 乍一看有点乱，但是仔细分析下，其实并没有那么难 将六边形拆开成三部分，左边是一个三角形，中间一个长方形，右侧再来一个三角形，然后再...
面试题毕竟也是来源于基础知识，光靠背面经并不能有效帮助我们梳理知识体系。 属性 布局 盒子 原理 性能 bug解决 CSSTrick CSS3美化form控件 画个三角形 滚动视差 滚动条美化 hover显示的搜索框
CSS画三角形通常利用边框(border)和透明度来实现。通过设置不同边框宽度和颜色，并隐藏不需要的边，可以创建出各种形状的三角形。例如，可以创建一个正方形元素，然后只显示一个边框，并将其其他边设置为透明，从而...
本文档是关于前端工程师面试的一份最新面试题，涵盖了多个方面的知识点，包括 CSS、JavaScript、TypeScript 等。 CSS 知识点 1. 实现一个三角形：可以使用 CSS 的 border 属性来实现一个三角形，例如：`.triangle ...
前端开发面试题总结 本文档总结了前端开发面试中常见的问题，涵盖了HTML、CSS、JavaScript、ES6、Vue、React、微信小程序等领域，旨在为前端开发人员提供面试准备参考。 HTML部分： 1. 兼容性问题：解决浏览器...
### 前端开发面试题知识点详解 #### CSS `display` 属性的值及含义 - **`block`**：使元素像块级元素一样显示，占据整行。 - **`none`**：隐藏元素，不为其分配空间，也不显示其内容。 - **`inline`**：使元素像...
CSS画一个三角形的实现原理与方法 在前端开发中，我们经常需要使用三角形的形状，例如地址选择或者播放器里面播放按钮通常情况下，我们会使用图片或者svg去完成三角形效果图，但如果单纯使用CSS如何完成一个三角形...
阿里云面试题通常涵盖云计算基础知识、分布式系统原理、数据库管理等内容。准备这些面试题时，需要深入理解相关技术原理，并能够灵活运用。 ### 四十八、组件封装案例 组件封装是前端开发中的一个重要环节。通过...