css怎么设计让按钮(input)的字在点击时不动? 就是想让它看起来像个超链接!

html-css034

css怎么设计让按钮(input)的字在点击时不动? 就是想让它看起来像个超链接!,第1张

不知道你要的效果是不是这样的,如图和代码

<input type="button" value="按钮像超链接" style="color:bluetext-decoration:underline">

把文字固定在图片中css代码,用CSS样式控制文字浮于图片上方,这个我们首先要明确的知道一个层的概念,这里就是将图片为一个层,然后文字又是一个层,然后我们使用一个position定位,将文字定于图片的位置,然后使用z-index这个层属性,来做,z-index的数值越大,层就越在上面,这里通过具体的代码来理解:

<html>

<head>

<style>

.headr{

width:300px

height:200px

border:1px solid #f00

z-index:100

}

.wenzi{

position:absoulte

left:100px //只是假定的值,具体需测量

top:200px

z-index:101 z-index的数值越大,层就越在上面

}

</head>

<body>

<div class="headr" > //页头

<img src='图片的地址'>

</div>

<div class='wenzi'>

<p>我会在图片的上面</p>

</div>

</body>

</html>

你要想自动换行,设置属性为:white-space:normal(normal默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行)如果你不想换行,设置属性为:white-space:nowarp(nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性 )