如何在網頁上畫乙個三角形

2021-10-22 00:04:33 字數 608 閱讀 2543

首先我們來看看如何繪製乙個正方形,畫正方形其實很簡單

我們只需要畫乙個盒子的四個邊框,寬和高設定設定為0px就可以

一起看看源**

一起來看卡效果吧

這樣我們就繪製了乙個看起來由四個三角形組成的正方形

接下來我們只需要將其他三個三角形的顏色設定成和背景顏色一樣即可

來看看效果吧

這個做法有乙個弊端,就是你時時刻刻需要注意主頁背景顏色,忘記設定就沒有這個樣式了

接下來給大家推薦另乙個屬性transparent,這個就是設定背景顏色透明,只需新增到border的屬性值即可。

學會 的小夥伴趕緊試試吧

網頁 畫乙個三角形

有參照別人的 寫一下自己的理解。這是給自己的乙個記錄 這個方法主要是對css border 的理解以及運用。主要利用就是兩個內嵌的正方形之間產生的形狀 依據圖形 css html 中的height和width都是對小正方形設值的。大正方形的邊長為120px 120px 由上面這個圖形可以看到兩個正方...

opengl es畫乙個三角形

剛開始學,記錄一下呼叫順序,套路都是一樣的 文章參考 1 建立乙個shaderutil來編譯glsl public class shaderutil public static int compilefragmentshader string fragmentshadercode throws ru...

通過css畫乙個三角形

css製作三角形的原理 邊框的均分原理 lang en charset utf 8 name viewport content width device width,initial scale 1.0 transparenttitle divstyle head div body html tran...