html css寫三角形(2)

2021-09-24 16:56:28 字數 440 閱讀 9428

首先我們來看下面一段**在頁面中的效果圖:

看到這個效果圖,我們就大概知道三角形怎麼寫了,我們可以將border-bottom設為none這樣方塊的下半邊就沒有了

border-top: none;
效果圖如下:

然後我們在將border-left 和 border-right的顏色設為透明,這樣就只剩border-bottom了

好了,我們現在就完成了三角形的編寫,還有其他類似的三角形,舉一反三,都可以通過這種方法做出來,在這裡我就不一一介紹了。最後,祝大家學習愉快。

三角形類2

corpyright c 2013,煙台大學計算機學院 all right reseved.完成日期 2014年3月18日 版本號 v1.0 輸入描述 問題描述 三角型類2 程式輸出 問題分析 演算法設計 include include using namespace std class int m...

三角形類2

程式的版權和版本宣告部分 檔名稱 三角形類 作 者 馮冬影 完成日期 2014 年 3月 18 日 版 本 號 v1.0 對任務及求解方法的描述部分 輸入描述 問題描述 三角形類 程式輸出 問題分析 include includeusing namespace std class inline vo...

三角形類2

corpyright c 2013,煙台大學計算機學院 all right reseved.完成日期 2014年3月30日 版本號 v1.0 輸入描述 問題描述 三角型累的初始化!程式輸出 問題分析 演算法設計 include include using namespace std class do...