免费咨询热线: 400-895-0887
使用CSS3制作圆形

2017-06-27 10:31:39   来源:金蛛教育

相关热词搜索:CSS3圆形
    CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形,从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性,像transform和border-radius,我们可以创建非常漂亮和复杂的图形效果。
圆形

要使用CSS来制作一个圆形,我们需要一个div,被给它设置一个ID。
<div id="circle"></div>                              
圆形在设置CSS时要设置宽度和高度相等,然后设置border-radius属性为宽度或高度的一半即可:
#circle {
    width: 120px;
    height: 120px;
    background: #7fee1d;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}                                               
扫码获取更多
干货信息和视频教程
跟营销大咖,电商一起交流学习
姓名
电话
QQ
猜你喜欢
推荐阅读
就业喜报
    热门话题更多
    • 1

      2015双十一怎么破?金蛛教育揭秘 双十一备战双十一 决战双十二2015金蛛教育大型公益沙龙欢迎你备战双十一 流量如何蹭蹭蹭?

    • 2

      不懂淘宝,不懂电商,新手如何卖出商品?激烈竞争,如何创造网店流量提高销量?要赚钱省钱,要开源节流,想法很多却无处下手?金蛛电子商务师培训,一次学习解决你所有困扰

    • 3

      你是否想创业?但是感觉无处下手你是否开过淘宝店?但是销量惨淡你是否参加过淘宝培训班?但是感觉里面的内容都华而不实金蛛电子商务一套真正实战型的电子商务课程全国独家保证学会的

    • 4
    • 5

      谁说女子不如男?女生也可撑起半边天,没有基础?学历不高?想要舒服的工作环境?想要一份稳定的工作?如何实现?学什么专业适合女生?

    • 6

      你想过吗?在普通流水线上作业的你,发现加工资永远比不上物份上涨快 毕业后走入社会的你,发现在校的知识总难与企业要求匹配

    • 7

      北大青鸟、百度营销大学实战导师阵营,实战互联网营销实验室,三个月教你解决网络赚钱方法!

    • 8

      作为一名屌丝赢人,在别人眼里我没学历、没文凭,但是却比一般白领都过得好,为啥?我的工资高、公司福利好、工作还轻松,你是不是都羡慕的红了眼?2015学什么好?如何找到高薪好工作

    • 9

      571个亿的背后是由万亿个详情页促成的, 这些由专业淘宝美工设计的宝贝详情页极大的提高了成交几率。 你知道做这些页面的一个美工目前市面上的薪水是多少么?

    • 10

      时间、效率永远是第一的。当你有一定的网络营销基础,或是想专注学习网络营销中某一项技能,那么,在这里你一定能够找到你好、快、有效的提升方式,当然,你也将获得最实