css-shapes

1熱度

2回答

我想爲使用CSS的框創建特定大綱。事情是這樣的形象：請，任何幫助嗎？ :(

4熱度

1回答

我在頂部有一個'div'，有輕微的曲線。我嘗試並使用邊框實現。但我的擔心是它沒有反應。如何使其響應。任何想法？這是我試過的代碼，看看這個。 <div></div> div { position:relative; width:100%; float:left; background:green; height:80px; overf

-1熱度

1回答

如何劃出一個div的邊角，邊框和透明缺口

我一直負責開發2個div，底部div必須有邊框一直圍繞它，並且右上角有凹槽。頂部的div也必須包含一個邊框，div的右下角應該是凹槽角的倒數。請參閱下面的圖片以準確顯示我嘗試完成的操作。這很難解釋。： -/

1熱度

2回答

多色css三角形效果與左浮動

我怎樣才能創建相同的「三角形」border像在純CSS的圖片？ Fiddle： CODE /* .TEST { border-bottom: 169px solid red; border-top: 169px solid red; border-left: 42px solid transparent; border-right:

1熱度

3回答

css剪輯路徑替代

我想爲我的網站做一個橫幅，有點不同。我想下邊框，是一種「向下箭頭」尋找事情是這樣的：JS FIDDLE .indexBanner { background-image: url('https://i.stack.imgur.com/dFUnt.jpg'); background-repeat: no-repeat; background-attac

5熱度

1回答

與CSS3繪製45度角度

我試圖用CSS繪製45度角，第一個圖像是我想要實現的，第二個是我管理的。我無法弄清楚如何將角度的外側再削減45度（見紅色虛線）。 .flick .text { position: relative; z-index: 50; } .flick { background-color: #055468; color: white;

4熱度

2回答

在css中繪製曲線三角形菜單

我正在嘗試製作一個彎曲的三角形指針菜單。我嘗試過，但無法實現彎曲的效果。 <div> </div> div{ position:relative; left:20%; height:250px; width:150px; border:1px solid #000; top:10%; background:#fff;

1熱度

2回答

字體真棒圖標放置在CSS創建六角形意外扭曲

我試圖添加社會媒體圖標字體真棒我與fa類標記爲Hexagon背景。社交媒體圖標應該全部坐在六邊形背景內相鄰，並在懸停時更改背景顏色。然而，我發現了問題如下： UPDATE小提琴幾乎是正確的，我們只是需要能夠使shpae看起來像一個六角https://jsfiddle.net/onkkdef6/4/ 問題： 1.社交媒體圖標被扭曲的六角形 2.六邊形現在不會懸停改變背景顏色社交媒體圖標應更多IMG

3熱度

1回答

DIV上覆蓋梯形

嘗試使用CSS來獲得此設計。的部分如下：有background image 是一個梯形用透明background與水平文本我已經採取了看看Two-tone background split by diagonal line using css但我仍然有點難住。 CSS不是一個強項！有什麼建議嗎？

1熱度

6回答

定位不與變換

我的功能是提供用戶旋轉文本對角線，垂直，文本對齊底部...我試着旋轉文字，即使我已經定位到右上角。它沒有按照我的預期正確對齊。爲什麼當我嘗試旋轉文本時發生這種情況如何克服這一點。 .outer { height: 300px; width: 200px; background: #fff; position: absolute;