需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:div {height:60pxborder-bottom:1px dashed}。
3、浏览器运行index.html页面,此时通过css定义了一个水平的虚线。
先在head里加上:<style type="text/css">
<!--
.aaa {
border-bottom-width: 1px
border-bottom-style: dashed
border-bottom-color: #000
}
-->
</style>
然后要用效果的地方就这样:
<font class="aaa">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
ssssssssssssssssssssssssssssssssssssssssss<br />
mmmmmmmmmmmmmmmmmmmmm
</font>
测试过,没有问题~
定义文字行高 在所在层加背景样式 就是说 虚线 是一个图片<div style="background:url(line.gif)line-height:20px">文字文字文字...</div>
做一个和行高相同的图片如:20px 就行了。。。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)