利用邊框製作不一樣的效果圖，整體樣式如下：
這樣的分頁樣式比普通的正方形好看很多，利用css也很容易實現。下面我用兩種方法來實現這個效果。
第一種方法：
css樣式
注意：使用這種方法會增加dom樹上的節點個數，我們可以採用內容生成的方法來實現。
第二種方法：
css樣式：
這兩種方法也有小小的弊端——無法給平行四邊形新增邊框。上述方法中，我們使用了轉換transform，聰明的你肯定也想到了可以兩次使用傾斜函式skew()來實現邊框的傾斜。使用傾斜函式的方法可以任意為平行四邊形新增邊框或背景色，但無法做出梯形的效果。所以這幾種方法有利有弊。該效果的實現可能還有更優的方法，歡迎一起討論；其中我也有不甚明了的地方，比如在第二種方法中利用偽元素選擇器:before和:after新增的內容為何需要重新調整位置，望不吝賜教！
參考：用 css 實現三角形與平行四邊形、純css寫三角形-border法
平行四邊形
請小夥伴們對自己ac的題目進行標記，注意每人只能標記一次！不知道的不要標記，惡意標記者將 賬號！時間限制 3 sec 記憶體限制 128 mb 提交 狀態 題目描述 求平面上n個點構成的平行四邊形個數。輸入 一行乙個數n。接下來n行，每行兩個數x,y，表示這個點的座標為 x,y 保證任意兩點不重合，...
平行四邊形邊數
在乙個平面內給定n個點，任意三個點不在同一條直線上，用這些點可以構成多少個平行四邊形？乙個點可以同時屬於多個平行四邊形。input 多組資料 10 處理到eof。每組資料第一行乙個整數n 4 n 500 接下來n行每行兩個整數xi,yi 0 xi,yi 1e9 表示每個點的座標。output 每組資...
bLue的平行四邊形
problem description blue 的數學很渣，連平行四邊形都不會畫，他來求你幫他畫乙個，你能幫助他嗎？input 輸入資料有多組 資料組數不超過 65 到 eof 結束。對於每組資料，輸入一行，包含兩個用空格隔開的整數 a,b 3 a,b 10 分別代表平行四邊形上下兩邊的長度和左右...