免费咨询热线: 400-855-0979
使用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
猜你喜欢
  • 深圳金蛛网络营销学院不仅提供学员的就业辅导,更与百度联手,毕业学员能获得百度...

  • 随着经济的不断发展,人们的生活逐渐转变,消费者心理与购买行为发生了根本性改变...

  • 乔迁公告应校区业务发展需求,自2017年10月11日起,原金蛛福田华强北校区将搬迁至...

  • 2013年12月31日,嘉华职业教育2013年度优秀学员表彰大会暨嘉华师生迎新联欢会在深...

推荐阅读
就业喜报
    热门话题更多
    • 1

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

    • 2
    • 3

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

    • 4

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

    • 5

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

    • 6

      淘宝大学课程适合新手学习的课程与金蛛一起边学边开店边赚钱

    • 7

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

    • 8

      广东省教育考试院通报,继2013年广东成为高考第一大省之后,已连续3年报考人数位居全国第一位,2015年报考人数更是居高不下达75 4万多人。而一本二本招生计划数预计17万左右,这将预示着今

    • 9

      全职妈妈赚钱养孩子两不误?没钱没经验也能赚的钱?导读:随着育儿观念的转变和生活水平的提高,人们发现,身边越来越多的妈妈成为全职妈

    • 10

      SEO搜索引擎优化是一种经过对网站进行各种技术优化而逐步提升关键词排名及网站流量的网络营销技能,从而提高网站的访问量。