金蛛头条
使用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

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

    • 4

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

    • 5

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

    • 6

      被曲解的微营销很多人以为,微营销就是微信营销,也有人认为微博、微信、微信公众平台、微网站、微电影、APP同时组合在一起,就是微营销。N

    • 7

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

    • 8

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

    • 9

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

    • 10

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