css-shapes

-1熱度

3回答

創建下列形狀的最佳方法是什麼？

1熱度

3回答

我需要在我的div創建成角拐角與2px的邊框寬度DIV（不四捨五入）：我需要一個CSS-唯一的解決辦法 .center-link { text-align: center; } .continue { text-decoration: none; border: 2px solid #26368d; border-radi

0熱度

3回答

CSS一側邊境切圓圖像

我怎樣才能讓下面的形狀用彩色邊框：我的第一次嘗試是純CSS，但附加代碼使超過一個雞蛋形狀圈： img { border: 2px #ff00ff solid; border-top-left-radius: 60% 50%; border-bottom-left-radius: 60% 50%; border-top-right-radiu

3熱度

1回答

CSS3多邊形的剪切部分，但保留內容？

我有一些代碼： :root { \t --main-color1: rgba(255,000,000,0.7); \t --main-colorB: rgba(000,000,000,0.3); \t \t --border-width: 5px; \t --arrow-width: 16px; } body { \t color: #FFFF

2熱度

1回答

div底部全寬響應箭頭

嘿！目前我正在試圖讓下面的導航但結束了得到以下我怎樣才能降低箭頭我的高度在底部添加，但保持全寬？ nav { position: relative; display: inline-block; height: 50px; width: 100%; text-align: center; color: whi

2熱度

3回答

如何創建與CSS3僞類

我試圖創建一個使用引導程序看起來像這樣的圖像這是我已經走了多遠的屏幕截圖中的元素的自定義形狀我從來沒有在僞類上工作，我發現很難得到確切的形狀。請看看我的代碼，並幫我弄明白。我在這裏只包含了第二個（在屏幕截圖的右側）剪貼板的代碼。 HTML <div class="col-xs-12 col-sm-6"> <div class="clip"> <div class="ci

-3熱度

2回答

CSS - 創建複雜的形狀

有什麼簡單的方法使用CSS來製作這個形狀？

4熱度

2回答

爲什麼鑽石在盤旋時變成方形？

我製作了一個正方形網格，並用45度旋轉它們來製作菱形，但是當我將它懸停在CSS變換屬性中時，鑽石再次變爲正方形。我不想讓鑽石變回正方形。而且你還可以看到廣場的一些部分隱藏在下面的一排。這裏是我的CSS代碼 .square { width: 150px; height: 150px; background-color: white; box-shad

-2熱度

3回答

問題接壤

我只是做一個箭頭在CSS中使用此代碼： .icon{ height: 0; width: 0; border: solid transparent; border-width: 10px; border-left-color: aquamarine; border-top-color: s

2熱度

2回答

三角形的邊框圖像漸變圖案

我想用css創建一個奇形的三角形。我的第一個想法是使用透明邊框與transform: rotate，它的工作（見左三角）。現在我想使用漸變邊框圖像作爲同一個三角形的背景，但我無法使其工作。我嘗試了很多東西，如更換border-width，使用包裝和overflow:hidden等，沒有任何工作。在這裏，我發佈了其中一個嘗試（請參閱右側形狀），因爲您看到該模式佔用了所有空間，而不是遵循三角形形狀。有