全国统一招生热线
400-8036-2990755-86191118
使用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

    欢迎加入金蛛教育百度SEM实战训练营! 以做营销驱动学营销, 让你拥有网络营销核心竞争力

  • 2

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

  • 3

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

  • 4

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

  • 5

    金蛛教育北大青鸟唯一自主课程研发校区金蛛老师&北大青鸟总部&百度营销大学三强联手实战讲师全程面授 用的网络营销课程

  • 6

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

  • 7

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

  • 8

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

  • 9

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

  • 10

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

嘉华金蛛© 版权所有 粤ICP备14015298号-2