在css中怎样让边角具有弧度

html-css013

在css中怎样让边角具有弧度,第1张

利用css3的border-radius属性,如:

<div style="width:200px height:100px border:1px solid red border-radius:5px"></div>

border-radius的值越大,边角的弧度就越大,将border-radius的值设置为50%的时候,可以将一个正方形变成圆形,如:

<div style="width:200px height:200px border:1px solid red border-radius:50%"></div>

不用onmousemove就用onmouseover..好了.其实你用onmouseover的话也需要指定下它的位置...因为一般指定移到控件的时候它都会显示出一种鼠标的状态...

你如果用CSS一般是不可能实现的...CSS做出来也肯定是一种状态...

其实如果你只是想单纯的做出这种样式..而不会真的有拉伸的样式也不是没有办法

1.利用omouseover..

指定下需要出现样式的位置...然后转换样式就行了.

2.利用onmouseover..

你可以在控件的外面加一个比它稍微打1px的层....然后利用禁止事件捕获的方法..可以实现拉伸的样式..

3.从第2种方法的延伸....如果你只是想做出这种拉伸的样式不妨4下这个方法..

同样你在控件外面加上一个层....然后当移动到层的时候...是一个鼠标样式...然后移动到控件上的时候又是一种样式..不就可以了么.. 这个方法简单的修改CSS样式就可以了...

另外,站长团上有产品团购,便宜有保证