文章 2023-08-22 来自:开发者社区

经典面试题:如何使用CSS画一个三角形?

一、前言 在前端开发的时候,我们有时候会需要用到一个三角形的形状,比如地址选择或者播放器里面播放按钮,通常情况下,我们会使用图片或者svg去完成三角形效果图,但如果单纯使用css如何完成一个三角形呢?实现过程似乎也并不困难,通过边框就可完成二、如何实现?1.实现简易三角形前置小知识:当块级元素宽高都为0,且只设置边框的时候,则会构成正方体。具体实现如下 div { ...

经典面试题:如何使用CSS画一个三角形?
文章 2022-10-03 来自:开发者社区

【前端基础面试题】如何用CSS画一个三角形(详解)

教学        思路              加粗边框,设置一个宽高为0的中心点,通过对角线划分的切割法,就得到了四个三角形,然后三个透明就可以得到一个三角形 。        答案 <style> div { ...

【前端基础面试题】如何用CSS画一个三角形(详解)
文章 2022-06-13 来自:开发者社区

【面试技巧】老生常谈之 n 种使用 CSS 实现三角形的技巧

在一些面经中,经常能看到有关 CSS 的题目都会有一道如何使用 CSS 绘制三角形,而常见的回答通常也只有使用 border 进行绘制一种方法。而 CSS 发展到今天,其实有很多有意思的仅仅使用 CSS 就能绘制出来的三角形的方式,本文将具体罗列讲讲。通过本文,你能了解到 6 种使用 CSS 绘制三角形的方式,并且它们都非常好掌握。当然本文仅是抛砖引玉,CSS 日新月异,可能还有一些有意思的方法....

【面试技巧】老生常谈之 n 种使用 CSS 实现三角形的技巧

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

Java面试那些事儿

手把手带您学习Java,开启编程之路。

+关注