• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    怎么制作網頁扇形分區圖形

    在平時工作中,除了在辦公軟件里面可以插入圖形圖表以外,我們還可以使用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

      輸出最終想要的結果

    • End
    • 發表于 2017-11-29 00:00
    • 閱讀 ( 944 )
    • 分類:電腦網絡

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆