需要准备的材料分别有:电脑、浏览器、html编辑器。
成都创新互联公司是专业的濉溪网站建设公司,濉溪接单;提供网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行濉溪网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的style标签中,输入css代码:body{text-decoration: line-through;}。
3、浏览器运行index.html页面,此时用css成功让文本添加了中划线。
使用css
div如何给文字添加下划线样式呢?使用css对文字字体添加下划线样式方法教程。
对字体文字加下划线样式,有两种方法,一直直接使用html下划线标签,另外一种是使用CSS下划线样式。
接下来为大家介绍对文字字体实现下划线方法教程,通过案例方式让大家作为两种对文字加下划线样式。
一、html标签实现下划线
在html标签中对需要加下划线的文字加u/u即可实现加下划线样式。
1、标签语法:
u我被加下划线了/u
2、html实例源代码
!DOCTYPE html html head meta charset="utf-8" / titlehtml下划线标签实例 ;/title /head body 我是divcss5!br / divcss5是网址u;/u ! /body /html
二、css样式实现下划线样式
使用CSS样式单词:text-decoration:underline
1、语法
div{text-decoration:underline} /* css注释说明:这样的表达将让DIV标签内文字字体加上下划线 */
2、div
css实现下划线实例代码
!DOCTYPE html html head meta charset="utf-8" / title下划线 删除线 上划线实例 ;/title style .divcss5{text-decoration:underline} /* underline下划线 */ .divcss5_1{text-decoration:line-through} /* line-through删除线贯穿线 */ .divcss5_2{text-decoration:overline} /* overline上划线 */ /style /head body div class="divcss5"我被加下划线/div div class="divcss5_1"我被加贯穿删除线/div div class="divcss5_2"我被加上划线/div /body /html
在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行,相当于没写!
当同一个HTML元素被不止一个样式定义时,一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 head 标签内部)
4.内联样式(在 HTML 元素内部)
因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:head 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
css中使用textdecoration属性就可以直接设置划线效果。
对字体样式文本加下横线款式,有二种方式,一直立即应用html下横线标识,此外一种是应用CSS下横线款式。这个属性允许对文本设置某种效果,如加下划线。
。如果后代元素没有自己的装饰,祖先元素上设置的装饰会延伸到后代元素中。不要求用户代理支持blink。
网页标题:css样式划线,css线条样式
当前链接:/article38/dsccisp.html
成都网站建设公司_创新互联,为您提供外贸建站、动态网站、App设计、服务器托管、移动网站建设、企业网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联