html5图标,html5图标库

html5 css3样式图标怎么做

html5 css3样式图标制作方法：

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、运行结果：

相关问答

Q1: html5 li标签设置列表图标

li标签在html中大多作为导航或信息列表的结构。其实li配合list-style-type和list-style-position可以方便的设置小圆点或三角箭头。注意list-style-position: inside需要设置为inside设置在盒模型内才能生效。

除去list-style-type设置图标，可以用常规的relative配合absolute来设置箭头或者圆点等。

Q2: 如何使用Html5生成安卓手机桌面图标？

HTML5是没有这个功能的，可以使用浏览器的内置发送到桌面图标功能，以下以UC为例：

1、进入UC浏览器首页后，点击所示的图标

2、会看到【书签/历史】点击它

3、进入书签后，随后长按几秒你想发送到手机桌面的书签网址

4、接着会弹出后台打开、删除书签、编辑书签、加入导航、发送至桌面五个操作按钮，点击【发送至桌面】出现添加桌面书签，点击【确定】

5、发送桌面成功，退出后就可以看到书签在手机桌面上。随时想看就看，很方便的哦

Q3: html5里为什么经常用i标签来作为小图标使用

这个不是H5特有的情况，只是设计师习惯性用法，用i表示ico图标，便于他人理解。例子：

ullii class="ico1"/i首页/lilii class="ico2"/i关于我们/li/ul

style

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

/style