文章詳情頁(yè)
html - 只有一個(gè)div時(shí)如何利用css畫(huà)出自己需要的任意圖形？有哪些限制？
瀏覽：121日期：2023-08-06 11:44:39
問(wèn)題描述
這個(gè)網(wǎng)站只用一個(gè)p+CSS3畫(huà)出了
只用一個(gè)p，給它設(shè)置background-image，能否畫(huà)出任意的矢量圖形？可以畫(huà)出的圖形有沒(méi)有什么限制？
問(wèn)題解答
回答1：CSS繪制圖形很多時(shí)候都是借助偽元素:before 和 ：after來(lái)實(shí)現(xiàn)，同時(shí)需要使用一些CSS3中的屬性，下面一片博文介紹了一些CSS繪制圖形的例子，可以參考一下：
http://xfhnever.github.io/blog/2014/07/24/css-shape/
不是特別明白你的意思，回答可能不解決你的問(wèn)題。
標(biāo)簽：
HTML
上一條：html - 手機(jī)前端開(kāi)發(fā)下一條：css3 - 給body設(shè)置了translate3d，動(dòng)畫(huà)的同時(shí)導(dǎo)致內(nèi)部的fixed元素失效？
相關(guān)文章：
1. angular.js - 如何從AngularJS遷移到Vue？2. css - AngularJS如何判斷不同情況設(shè)置不同背景色？？3. css - 求推薦幾款好用的移動(dòng)端頁(yè)面布局調(diào)試工具呢？4. javascript - jquery ajax 用jsonp的方式跨域訪問(wèn)，為什么報(bào)錯(cuò)5. CSS3 中 transition-duration 對(duì) display: none/block 屬性無(wú)效？6. css3 - 根據(jù)效果，分析一下該動(dòng)態(tài)是如何實(shí)現(xiàn)的?7. javascript - 如何利用vue組件 動(dòng)態(tài)生成router-link8. javascript - jQuery中l(wèi)ive事件在移動(dòng)微信端下沒(méi)有效果；代碼如下9. javascript - 微信小程序中設(shè)置頭像 里面的圖片路徑是怎么解決的 我把接口生成的路徑存到數(shù)據(jù)庫(kù)中 2次訪問(wèn)時(shí)就顯示不出來(lái)了10. javascript - 微信小程序的分享問(wèn)題
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備