在平時工作中 , 除了在辦公軟件里面可以插入圖形圖表以外 , 我們還可以使用html5自帶的繪圖功能進行餅狀圖的制作 。 方法如下:工具/材料 html5
操作方法 01 在編輯環境(webstorm)里面新建一個名為hh的html文件
02 在<body>標簽里面新建一個類名為box2的類
03 設置div標簽的寬度為0
04 為div設置高度(height)
05 設置div邊框的大小為100px,顏色為紅色 , 實線 , 并在網頁上下150px,左右居中的位置顯示圖形
06 運行程序
07 為div邊框繪制一個圓角 , 使其變為一個填充色為紅色的圓形
08 再次運行程序
09 設置圖形右邊的填充顏色
10 輸出圖形
11 設置圖形底部的填充顏色
12 再次輸出圖形
13 【怎么制作網頁扇形分區圖形】設置圖形左邊的填充顏色
14 輸出最終想要的結果
以上內容就是怎么制作網頁扇形分區圖形的內容啦 , 希望對你有所幫助哦!
猜你喜歡
- 婚紗花怎么養
- 用AI制作憤怒的QQ表情
- 六倍利種子怎么種
- 如何制作一個弧形軌跡運動的球體圖案
- word頁碼從任意頁開始怎么設置
- 王者榮耀貂蟬銘文怎么配最強?
- 自動擋汽車怎么起步
- 電腦屏幕太亮怎么調暗?
- excel自動排序編號怎么弄?
- word文字居中怎么設置?
