首页 相关文章 CSS教程:一张图片实现圆角

CSS教程:一张图片实现圆角

一张图片就能实现圆角?是什么样的图片?怎样实现?

其实这张图片是一个小圆圈,如下面的例子将要使用的图片为 10 * 10 大小的图片: ,太小了是吧,不过已经够了。

基本思路

准备四个小容器,分别放小圆圈图片的左上、右上、左下、右下四个部分,然后再分别定位到父容器的四个角上。

图片示意:

圆角

代码实现

XHTML代码:

div id="container"
h1一张图片实现圆角/h1
b class="lt"/b
b class="rt"/b
b class="lb"/b
b class="rb"/...[ 查看全文 ]

2016-02-19 标签:

CSS教程:一张图片实现圆角的相关文章

如果您有什么好的建议或者疑问,可以联系我们。 商务合作QQ:3272218541;3282258740。商务合作微信:13319608704;13319603564。

加好友请备注机构名称。让我们一起学习、一起进步tulaoshi.com 版权所有 © 2019 All Rights Reserved. 湘ICP备19009391号-3

微信公众号

手机页面
收藏网站 回到头部