dw中css样式中图片下面的横线怎么设置

dw中css样式中图片下面的横线怎么设置,第1张

css中使用textdecoration属性就可以直接设置划线效果。

对字体样式文本加下横线款式,有二种方式,一直立即应用html下横线标识,此外一种是应用CSS下横线款式。这个属性允许对文本设置某种效果,如加下划线。

。如果后代元素没有自己的装饰,祖先元素上设置的装饰会延伸到后代元素中。不要求用户代理支持blink。

为文字加下划线要使用css来定义样式,利用“text-decoration: underline”就可以实现

文字下加下划线

比如手写一个页内的css样式

<style type="text/css">

body p {

text-decoration: underline

}

</style>

也可以使用dreamweaver的css工具来制作css样式:

以Dreamweaver cc为例,首先要在css设计器的“源”中现在一个源,可以选择“在页面中定义”或其它;第二步在页面内选择需要定义的元素,比如某一行文字,“选择器”窗口内会自动计算出相应的选择器名称;第三步点击这个选择器,在“属性”窗口内挑选要定义的属性,比如text-decoration,并进行设定,一个为文字添加下划线的样式就生成了。

我想楼主所说的带下划线的空白处在页面中是个能填写数字或文字的输入框吧?否则他就是个摆设了。

如果是输入框的话,可以通过css定义来修改它的样式。

直接使用style方式定义:

<input type="text" name="textfield" style="border:0border-bottom:1px solid #000width:50px"></input>

上面的方法仅适用于某一个输入框,如果输入框有很多,可以定义一个class。

在源代码中<head></head>中加入

<style type="text/css">

<!--

.underline {border:0border-bottom:1px solid #000width:50px}

-->

</style>

然后在html中的input处引用它:

<input type="text" name="textfield" class="underline"></input>

css中的宽度width:50px和颜色#000可以根据自己的需求调节。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11642869.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存