📜  CSS |圆()函数

📅  最后修改于: 2021-08-30 13:10:53             🧑  作者: Mango

circle()函数是 CSS 中的一个内置函数,用于在圆形图片或其他任何东西周围创建浮动文本。
句法:

circle(100px at 10px 150px);

或者

circle( percentage );

参数:该函数接受用于保存半径值的单个参数长度百分比。它是一个强制性参数。
返回值:它使文本按用户需要循环。
示例 1:使用百分比程序,我们将继续。

html


 

    
        CSS circle() function
    
 
    

 

    

GeeksforGeeks

    

CSS | circle() function

    
             
     

How many times were you frustrated while looking out       for a good collection of programming/algorithm/interview       questions? What did you expect and what did you get?       This portal has been created to provide well written,       well thought and well explained solutions for selected       questions. An IIT Roorkee alumnus and founder of       GeeksforGeeks. He loves to solve programming problems       in most efficient ways. Apart from GeeksforGeeks, he       has worked with DE Shaw and Co. as a software developer       and JIIT Noida as an assistant professor.It is a good       platform to learn programming. It is an educational       website. Prepare for the Recruitment drive of product       based companies like Microsoft, Amazon, Adobe etc with       a free online placement preparation course.

   


html


 

    
        CSS circle() function
    
 
    

 

    

GeeksforGeeks

    

CSS | circle() function

    
             
     

How many times were you frustrated while looking out for a       good collection of programming/algorithm/interview questions?       What did you expect and what did you get? This portal has       been created to provide well written, well thought and well       explained solutions for selected questions. An IIT Roorkee       alumnus and founder of GeeksforGeeks. He loves to solve       programming problems in most efficient ways. Apart from       GeeksforGeeks, he has worked with DE Shaw and Co. as a       software developer and JIIT Noida as an assistant professor.       It is a good platform to learn programming. It is an educational       website. Prepare for the Recruitment drive of product based       companies like Microsoft, Amazon, Adobe etc with a free online       placement preparation course.

     


输出:

示例 2:

html



 

    
        CSS circle() function
    
 
    

 

    

GeeksforGeeks

    

CSS | circle() function

    
             
     

How many times were you frustrated while looking out for a       good collection of programming/algorithm/interview questions?       What did you expect and what did you get? This portal has       been created to provide well written, well thought and well       explained solutions for selected questions. An IIT Roorkee       alumnus and founder of GeeksforGeeks. He loves to solve       programming problems in most efficient ways. Apart from       GeeksforGeeks, he has worked with DE Shaw and Co. as a       software developer and JIIT Noida as an assistant professor.       It is a good platform to learn programming. It is an educational       website. Prepare for the Recruitment drive of product based       companies like Microsoft, Amazon, Adobe etc with a free online       placement preparation course.

     

输出:

支持的浏览器: CSS支持的浏览| circle()函数如下:

  • 谷歌浏览器
  • 微软边缘
  • 火狐浏览器
  • 苹果浏览器
  • 歌剧