简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

CSS3制作圆角图片和椭圆形图片

不言
Lepaskan： 2018-06-05 14:21:33
asal
2743 orang telah melayarinya

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

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

1、圆角图片

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html>
<html>
<head>
<style>
img {   
    border-radius: 8px;   
}   
</style>
</head>
<body>
<h2>圆角图片</h2>
<p>使用 border-radius 属性来创建圆角图片:</p>
<img src="paris.jpg" alt="Paris" width="400" height="300">
</body>
</html>
Salin selepas log masuk

2、椭圆形图片

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html>
<html>
<head>
<style>
img {   
    border-radius: 50%;   
}   
</style>
</head>
<body>
<h2>椭圆形图片</h2>
<p>使用 border-radius 属性来创建椭圆形图片：</p>
<img src="paris.jpg" alt="Paris" width="400" height="300">
</body>
</html>
Salin selepas log masuk


相关推荐：

利用纯CSS实现动态的文字效果实例

CSS 文本字体颜色设置方法(CSS color)

Atas ialah kandungan terperinci CSS3制作圆角图片和椭圆形图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css3 圆角 bujur
sumber：php.cn
Artikel sebelumnya：CSS 文本字体颜色设置方法(CSS color) Artikel seterusnya：用纯CSS实现禁止鼠标点击事件示例代码
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Div dengan potongan separuh bulatan lutsinar Saya mahu membuat bentuk separuh bulatan yang telus menggunakan CSS3 sahaja. Satu-satunya ...
daripada 2023-10-22 17:51:09
0
2
303
Bagaimana untuk membuat bayangan sisipan dalam SVG Saya perlu membuat kotak dengan bayang sebaris, sama seperti CSS3 mempunyai bayangan kotak...
daripada 2023-10-21 15:57:11
0
2
232
Tingkatkan latar belakang kecerunan dengan peralihan CSS3 Saya cuba menggunakan css untuk membuat peralihan pada imej lakaran kenit supaya latar bel...
daripada 2023-10-12 18:05:11
0
2
213
Gunakan peralihan CSS3 dengan latar belakang kecerunan Saya cuba menggunakan css untuk membuat peralihan pada imej lakaran kenit supaya latar bel...
daripada 2023-08-23 21:25:42
0
2
324
Cara menggunakan penapis CSS pada imej latar belakang Saya mempunyai fail JPEG yang saya gunakan sebagai imej latar belakang untuk halaman caria...
daripada 2023-08-23 14:06:46
0
2
189
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！