如何使用HTML CSS畫三角形

2021-12-30 03:41:21 字數 938 閱讀 2873

如何使用html+css畫三角形,今天又有小姐姐在群裡問css是如何畫出三角形的,讓我想起一開始在學校學html+css的時候,覺得學這些標籤樣式很無趣,認為不過是一些文字+,css畫三角形我之前也有研究過,但是記憶總是不深刻,再次用到時,仍然需要找資料,今天加深一下印象,希望以後再用到的時候,可以從腦子裡面一下子拿出來,666。

/* 等腰三角形(箭頭朝上); */

/* 等腰三角形(箭頭朝下); */

/* 等腰三角形(箭頭朝左); */

/* 等腰三角形(箭頭朝右); */

/* 直角三角形(箭頭左上); */

/* 直角三角形(箭頭右下); */

寄幾敲出來了,以後應該不會忘了,開森。

使用border 畫三角形

先看看效果 step1 首先我們定義乙個div step2 設定一下div的初始樣式 效果是這個樣子 step3 修改css width 0px height 0px border width 50px 效果這個樣子 step4 修改border顏色 border color red transpa...

使用vbo vao ebo畫三角形

include include include void framebuffer size callback glfwwindow window,int width,int height void processinput glfwwindow window const unsigned int w...

OpenGL畫三角形

修改paintgl函式 void nehewidget paintgl 清楚螢幕和深度快取 glclear gl color buffer bit gl depth buffer bit 重置當前的模型觀察矩陣 glloadidentity gltranslatef 1.5,0.0,6.0 開始繪製...