首页
IT
登录
6mi
u
盘
搜
搜 索
IT
CSS3制作圆角图片和椭圆形图片
CSS3制作圆角图片和椭圆形图片
xiaoxiao
2022-06-30
117
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
>
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
>
转载请注明原文地址: https://ju.6miu.com/read-1126155.html
专利
最新回复
(
0
)