国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

圓形頭像圖標(biāo)運(yùn)用border屬性輕松實(shí)現(xiàn)

2024-07-11 08:50:35
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
幾乎所有應(yīng)用的頭像和圖標(biāo)除了方的還是方的，但從PATH開(kāi)始，其出色的UI和交互讓眾多APP在前端設(shè)計(jì)上開(kāi)始獨(dú)下匠心。PATH中的用戶(hù)頭像圖標(biāo)也開(kāi)始了使用最美的圖形——圓形，一改原來(lái)單調(diào)的方形。

雖然圓形的頭像圖標(biāo)看起來(lái)很美很新穎，但是實(shí)現(xiàn)起來(lái)卻是很簡(jiǎn)單，主要運(yùn)用了border屬性去限定頭像圖片的邊界，從而將其規(guī)定為自己想要的形狀。

所用到的主要起作用的屬性border-radius,用來(lái)設(shè)置或檢索對(duì)象使用圓角邊框。對(duì)于后面的參數(shù)，一個(gè)是如圖例所使用的lenth,即對(duì)應(yīng)的圓角半徑的長(zhǎng)度，只要大于或等于你規(guī)定的尺寸，顯示的便是圓；另一個(gè)參數(shù)的形式是用<percentage>，即用百分比設(shè)置圓角半徑的長(zhǎng)度。具體實(shí)現(xiàn)代碼很簡(jiǎn)單，簡(jiǎn)單幾句如下：

html中的圖片：

復(fù)制代碼

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 利津县| 集贤县| 阳原县| 镇雄县| 嘉祥县| 临漳县| 平塘县| 曲沃县| 鄱阳县| 奉新县| 沂源县| 中卫市| 西乌珠穆沁旗| 温宿县| 大埔县| 邹平县| 桃源县| 葫芦岛市| 普宁市| 同仁县| 安庆市| 纳雍县| 永登县| 岱山县| 广汉市| 镇坪县| 吉林市| 衡水市| 广昌县| 陇西县| 雅安市| 江永县| 太仆寺旗| 旬邑县| 宜阳县| 凤山县| 清徐县| 清徐县| 图木舒克市| 柳州市| 中江县|