html5 css3樣式圖標(biāo)怎么做

html5 css3樣式圖標(biāo)制作方法：

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了利通免費(fèi)建站歡迎大家使用！

1、html代碼：

div id="boxes"

div id="boxShortcode"border-radius: 40px (shortcode)/div

div id="box1"border-top-right-radius: 40px (same on both axis)/div

div id="box2"border-top-right-radius: 20px 40px (x y) /div

div id="box3"border-top-right-radius: 40px 20px (x y) /div

/div

2、css樣式代碼：

#boxes div { margin-bottom: 20px; height: 50px; padding-left: 20px }

#boxShortcode {

background: cyan;

border-radius: 40px;

}

#box1 {

background: red;

border-top-right-radius: 40px;

}

#box2? {

background: yellow;

border-top-right-radius: 20px 40px;

}

#box3 {

background: lime;

border-top-right-radius: 40px 20px;

}

3、運(yùn)行結(jié)果：

html5 li標(biāo)簽設(shè)置列表圖標(biāo)

li標(biāo)簽在html中大多作為導(dǎo)航或信息列表的結(jié)構(gòu)。其實(shí)li配合list-style-type和list-style-position可以方便的設(shè)置小圓點(diǎn)或三角箭頭。注意list-style-position: inside需要設(shè)置為inside設(shè)置在盒模型內(nèi)才能生效。

除去list-style-type設(shè)置圖標(biāo)，可以用常規(guī)的relative配合absolute來(lái)設(shè)置箭頭或者圓點(diǎn)等。

如何使用Html5生成安卓手機(jī)桌面圖標(biāo)？

HTML5是沒(méi)有這個(gè)功能的，可以使用瀏覽器的內(nèi)置發(fā)送到桌面圖標(biāo)功能，以下以UC為例：

1、進(jìn)入U(xiǎn)C瀏覽器首頁(yè)后，點(diǎn)擊所示的圖標(biāo)

2、會(huì)看到【書(shū)簽/歷史】點(diǎn)擊它

3、進(jìn)入書(shū)簽后，隨后長(zhǎng)按幾秒你想發(fā)送到手機(jī)桌面的書(shū)簽網(wǎng)址

4、接著會(huì)彈出后臺(tái)打開(kāi)、刪除書(shū)簽、編輯書(shū)簽、加入導(dǎo)航、發(fā)送至桌面五個(gè)操作按鈕，點(diǎn)擊【發(fā)送至桌面】出現(xiàn)添加桌面書(shū)簽，點(diǎn)擊【確定】

5、發(fā)送桌面成功，退出后就可以看到書(shū)簽在手機(jī)桌面上。隨時(shí)想看就看，很方便的哦

html5里為什么經(jīng)常用i標(biāo)簽來(lái)作為小圖標(biāo)使用

這個(gè)不是H5特有的情況，只是設(shè)計(jì)師習(xí)慣性用法，用i表示ico圖標(biāo)，便于他人理解。例子：

ullii?class="ico1"/i首頁(yè)/lilii?class="ico2"/i關(guān)于我們/li/ul

style

.ico1,.ico2{background:url(test.png)?center?left?no-repeat;?width:15px;?height:15px}

/style