CSS 四方形 修改成 圆形_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:41:30
Original
1273 Leute haben es durchsucht

本帖最后由 interhker 于 2013-02-25 07:03:33 编辑

希望把四方形改成圆形按钮


下载

最近公司人数不够,不是web的部门也被拉过来了,有好心的朋友,教我如何修改吧。
非常感谢

回复讨论(解决方案)

css3  应可以可以改成圆形的啊

border-radius:1px;

index.html 37  38  行 分别 控制了 当前状态 跟 正常状态。 你可以 先 切两个图片 然后 把 原先 用纯色的 background 属性 改成 用图片来 定义。两边都改一下。就好了。

1、border-radius CSS3 圆角。不过只支持 IE9 已上及 现代浏览器,如 谷歌 火狐。
2、不支持 border-radius 属性的浏览器可以用图片来代替。

index.html 37  38  行 分别 控制了 当前状态 跟 正常状态。 你可以 先 切两个图片 然后 把 原先 用纯色的 background 属性 改成 用图片来 定义。两边都改一下。就好了。

我测试了,是在这里修改,楼上有人说可以用border-radius 
但是我添加了没用

P.S 因为我不会美工,所以我打算用coding解决,但是好像只有你说的这个方法比较好,什么游览器都支持。

border-radius   这个不是没用 是 css3 的圆角  对浏览器的支持不是很高 只能兼容部分浏览器。 对于 美工这个说法么呵呵。 你可以去 百度搜索 圆形图片 找到 你需要的 用制图软件打开缩放到 你需要的尺寸 保存下就好了

border-radius   这个不是没用 是 css3 的圆角  对浏览器的支持不是很高 只能兼容部分浏览器。 对于 美工这个说法么呵呵。 你可以去 百度搜索 圆形图片 找到 你需要的 用制图软件打开缩放到 你需要的尺寸 保存下就好了

搞定了,谢谢你

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage