免费咨询热线: 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
猜你喜欢
推荐阅读
就业喜报
    热门话题更多
    • 1

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

    • 2

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

    • 3

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

    • 4

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

    • 5

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

    • 6

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

    • 7

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

    • 8
    • 9

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

    • 10

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