html,网页自定义button外形

表单元素(input,textarea,select,button等)都是可以自定义样式的。和普通的html标签一样,给他相应的class或id名称即可。

对于按钮类的美化,首先,你应该取出其border属性(假设你需要使用背景图片的画)。如:border:none;否则的话,你的按钮会像一个凸起的方块。

然后,你还需要给你的按钮一个块属性display:block;如果,同一行内有多个按钮,则给一个display:inline-block属性,然后设置其宽度、高度。

里面可以使用文字,也可以使用图片(background写入即可)。

如果使用图片,那么你可能需要把里面的文字隐藏,这就是display的作用。隐藏文字的写法通常是:text-indent:-300px;文字向左缩进,font-size:0px;字号缩小,overflow:hidden;超出隐藏。

聚焦效果,则可以使用js或jq的事件绑定来修正,如js:

onMouseover=”this.className=’hover'” 鼠标划过的时候给一个hover的名称

onMouseout=”this.className=””; 鼠标滑出的时候移除刚才添加的名称

css则对应起来:

#my_button button {}

#my_button button.hover,#my_button button:hover {}

html button怎么设置按钮形状

可以通过样式来设置:

你可先给你的按钮设置一个class,比如:class=”btn”;

方法有3种:

1.如果有你外链样式表你可以在样式表征

.btn{

width:200px;

height:50px;

}

2.如果没有连接你直接上头部加上

<style type=”text/css”>

.btn{

width:200px;

height:50px;

}

</style>

3.你可以直接在按钮上加比如:

<button style=”width:200px;height:50px;”>按钮</button>

求教如何在html中创建一个六边形的DIV,谢谢~

<html>

<body>

<div>

<img src=”/data/upload/help/202210/22/0412c29576c708cf0155e8de242169b1.jpg”usemap=”#Map”>

</div>

<map name=”Map”>

    <area shape=”poly” coords=”0,43,43,0,120,0,163,43,120,86,43,86″ href=”#”>

    <area shape=”poly” coords=”163,43,206,0,285,0,328,43,285,86,206,86″ href=”#”>

</map>

</body>

</html>

多边形:shape=”polygon”,coords=”x1,y1,x2,y2,x3,y3,…”

每一对 “x,y” 坐标都定义了多边形的一个顶点(”0,0″ 是图像左上角的坐标)。定义三角形至少需要三组坐标;高纬多边形则需要更多数量的顶点。

多边形会自动封闭,因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

x1,y1,x2,y2,..,xn,yn    如果 shape 属性设置为 “poly”,则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致,那么为了关闭多边形,浏览器必须添加最后一对坐标。  

也可以按别的顺序来画,如234561