html5 css3样式图标怎么做

html-css09

html5 css3样式图标怎么做,第1张

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: 20pxheight: 50pxpadding-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、运行结果:

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

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

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

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

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

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

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

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

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

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

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

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