html css 製作空心菱形的幾種辦法

2021-08-19 02:29:10 字數 601 閱讀 9577

寫出這麼簡單的東西 求別噴。原本菱形完全可以用代替,如果用css還沒做過,於是自己把能想到的寫下來

如果哪兒有不對的,請各位指點迷津。

空心菱形思路:

1、兩個三角形拼接;

.a.a:after

.b.b:after

2、正方形旋轉45°

.c{display: inline-block;

width: 1rem;

height:1rem;

border: 0.5rem blue solid;

transform: rotate(45deg) ;

3、旋轉正方形   稍微變形後菱形

.d{display: inline-block;

width: 1rem;

height:1rem;

border: 0.5rem #0ea0d3 solid;

transform: rotate(45deg) skew(22deg,22deg);  //旋轉   變形  數值可以改

4、svg畫出來

「 」組成的菱形與空心菱形

public class print for int j 0 j i 2 1 j system.out.println 菱形下半部分 for int i 1 i 7 i for int j 13 i j i j system.out.println system.out.println n 空心菱形...

c語言列印空心菱形的思路

其實列印三角形啦,菱形啦,思路都是一樣一樣的,都是按行找規律,然後按照每行的規律按行列印就好了。比如以下是每條邊有n 4個 的菱形 邊長是4 c語言都是按行輸出的,我們只要分析第i行要輸出些什麼就好了 4 3 5 2 6 1 7 圖中每個數字代表每個所在行的列號 4 4,3 5,2 6,1 7均等於...

使用for迴圈輸出空心的菱形的思路

之前已經成功寫過一次 今天重新看這個題目時,一下子又沒了思路,在草稿紙上比劃了大概十分鐘才想到實現的思路。思路跟上次實現的完全一樣,發現時間長了就忘記了 真是好記性不如爛筆頭,何況我這麼差的記性呢!現把解決該問題時,自己的思路寫下來分享一下。注意重點看我怎麼思考的,不要一下子就看 圖 1要輸出如圖1...