CSS畫等腰三角形與直角三角形

2021-09-26 01:41:42 字數 812 閱讀 4504

>

>

charset

="utf-8"

>

>

.********

style

>

head

>

>

class

="********"

>

div>

body

>

html

>

原理其實很簡單,利用border的特性,將塊級元素的寬高設為0,通過控制邊界的大小來控制三角形的大小,然後將其他三邊設定為透明即可。如果不設定透明,是這樣的(為了更好的看清楚,將四個邊界設為不同的顏色):

border-top-color

: red;

border-left-color

: blue;

border-bottom-color

: green;

border-right-color

: yellow;

將其他邊設為透明即可得到乙個等腰三角形。

首先得明白原理,因為將寬高設定為0,所以整個塊級元素的寬高由邊界來決定,如果只有上邊界有寬度,即塊級元素的橫向沒有寬度,此時什麼都沒有,但是如果此時右邊界也有寬度(其實只要左邊界為0即可),那麼上邊界和右邊界就會將整個div給撐開,就會有如下效果:

Python列印矩形 直角三角形 等腰三角形 菱形

思路如下 1 先列印乙個星號並換行 print 2 列印一行6個星號 for i in range 6 print end 3 列印6列星號 for i in range 6 print 4 列印6行6列 每列印一行就換行 print 5 金字塔型是由下面圖形轉成的,先列印此圖形 控制內層迴圈的列印...

正直角三角形

在平面直角座標系的第一象限內有m個點。正直角三角形 是一種奇特的三角形,它的三個頂點分別在原點 x軸的正方向和y軸的正方向。請用乙個面積最小的 正直角三角形 將這些點全部圍住,求解面積的大小。題目中所有的座標 包括正直角三角形的頂點座標 都為整數。input 1 m,xi,yi 100 每行乙個答案...

for 迴圈列印直角三角形 正三角形 稜形

熟練掌握 for 迴圈的使用 1 需求 列印直角三角形 如下 左直角 for int i 0 i 5 i system.out.println 右直角 for int i 0 i 5 i for int j 0 j i j system.out.println 執行效果 process finish...