您现在的位置是：网站首页> 编程资料编程资料

CSS3制作圆角图片和椭圆形图片Css3圆角边框制作代码CSS的一些圆角图形实例分享CSS3绘制圆角矩形的简单示例使用css实现圆角图形绘制纯CSS实现圆角折叠菜单的方法CSS实现反方向圆角的示例代码

2021-09-05 1088人已围观

简介 这篇文章主要教大家CSS3制作圆角图片和椭圆形图片的具体实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了CSS3制作圆角和椭圆形图片的方法，供大家参考，具体内容如下

1、圆角图片

XML/HTML Code复制内容到剪贴板
  1. >  
  2. <html>  
  3. <head>  
  4. <style>  
  5. img {   
  6.     border-radius: 8px;   
  7. }   
  8. style>  
  9. head>  
  10. <body>  
  11. <h2>圆角图片h2>  
  12. <p>使用 border-radius 属性来创建圆角图片:p>  
  13. <img src="paris.jpg" alt="Paris" width="400" height="300">  
  14. body>  
  15. html>  

  

 2、椭圆形图片

XML/HTML Code复制内容到剪贴板
  1. >  
  2. <html>  
  3. <head>  
  4. <style>  
  5. img {   
  6.     border-radius: 50%;   
  7. }   
  8. style>  
  9. head>  
  10. <body>  
  11. <h2>椭圆形图片h2>  
  12. <p>使用 border-radius 属性来创建椭圆形图片：p>  
  13. <img src="paris.jpg" alt="Paris" width="400" height="300">  
  14. body>  
  15. html>  

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：CSS 定位之position全面了解CSS属性之定位属性（图文详解）css绝对定位如何在不同分辨率下的电脑正常显示定位位置？(一定要看！)CSS position属性和实例应用演示css position定位属性_动力节点Java学院整理 css中的三种基本定位机制CSS的position定位和float浮动详解CSS3定位和浮动详解深入理解CSS定位与层叠CSS定位的教程

下一篇：纯CSS仿迅雷看看蓝色导航Jacascript和CSS实现Mac OS导航菜单20个css做的漂亮导航菜单Js+CSS 共同打造的黑色导航菜单UL、LI 无序列表实现纯CSS网站导航菜单CSS技巧 使用标签来创建导航菜单(滑动门教程)使用CSS做出一个嵌套导航.CSS Cookbook创建水平导航菜单CSS Cookbook 创建文字导航菜单和翻转特效 CSS 制作网页导航条(下)CSS实现仿2010猪八戒首页导航菜单

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网