HTML+CSS:圆形和圆角图片格式
2023-09-14 09:07:41 时间
效果展示
实现代码
<!DOCTYPE html> <html> <head> <title>JcMan</title> <style type="text/css"> .image1{ margin-top: 100px; width:200px; height:200px; border-radius:200px; } .image2{ margin-top: 100px; width:200px; height:200px; border-radius:20px; } </style> </head> <body> <center> <img class="image1" src="http://b.hiphotos.baidu.com/image/pic/item/b999a9014c086e069cd7964b00087bf40ad1cbb7.jpg"/> <img class="image2" src="http://b.hiphotos.baidu.com/image/pic/item/b999a9014c086e069cd7964b00087bf40ad1cbb7.jpg"/> </center> </body> </html>
相关文章
- 鸿蒙(HarmonyOS)支持低代码开发,无需HTML知识,就可以设计复杂界面
- html中超链接使用_HTML超链接代码
- html css animate,animate.css
- kindeditor编辑器使用_html跳转链接代码
- 用html设计一个动漫网站_HTML一个介绍的页面代码
- js动画和css动画_js文件怎么引入html
- UI库(CSS+HTML)
- Web前端开发HTML笔记
- Day1 Html和CSS详解编程语言
- SpringMVC中避免拦截css,js,html图片等静态文件详解编程语言
- HTML 简介详解编程语言
- 学习Html、css和Javascript中的常用标签英文缩写笔记(可供同学们参考)详解编程语言
- 把文章里边的html标签去掉(去掉文字的样式,显示css设置的样式)详解编程语言
- HTML <dialog> 标签
- 使用MySQL和HTML打造高效的数据驱动网站(mysql与html)
- javascript文章截取部分无损html显示实现代码
- php过滤表单提交的html等危险代码
- 在(ASP/PHP/JSP/html/js)中禁止ajax缓存的方法集锦