用 CSS 寫乙個向右的箭頭

2021-08-03 05:58:15 字數 509 閱讀 7442

今天在修改別人寫的網頁的時候發現乙個有意思的東西,就是乙個向右的箭頭,如圖所示:

這個效果如果要我來寫的話,我估計會直接弄乙個放上去,但是我今天發現這玩意居然還能用 css 來寫,讓我眼前一亮,就記錄下來,我 h5 寫的不多,也許是我孤陋寡聞了,,,,

具體**如下:

width

: 7px;

height

: 7px;

border-top

: 2px solid #ffffff;

border-right

: 2px solid #ffffff;

transform

: rotate(45deg);

幾個簡單的屬性就可以寫出乙個效果,還是很不錯的,要寫其他方向的箭頭或者其他的樣式,可以按照上面的**改改,舉一反三嘛。

CSS簡單實現乙個箭頭

如題,用簡單幾行css 實現乙個箭頭。其實有很多不同的方法可以實現,比如旋轉乙個有背景顏色的div,再把多餘的部門覆蓋掉等等。在這裡記錄一下不同思路。css divhtml 就乙個div 效果圖 解析 關鍵在於對邊框的理解。首先給出乙個div,四周加上邊框,再放大邊框看一看效果 很明顯了,把邊框設定...

用golang寫乙個proxy

我複雜的網路環境中,proxy是個很有用的工具,我們可以通過proxy 幫我們完成網路流量的 這個proxy得先能接收請求,所以這裡先啟動乙個tcp的監聽,獲取請求 func s server start glog.infof proxy listen in s,waiting for connec...

用python寫乙個restful API

coding utf 8 package.module python實現的圖書的乙個restful api.restful api 一般模式 get select 從伺服器取出資源 一項或多項 post create 在伺服器新建乙個資源。put update 在伺服器更新資源 客戶端提供改變後的完...