css文字上的横线怎么写

在css中,文字上的横线写法为“文字元素{text-decoration:line-through}”;“text-decoration”属性用于规定添加到文本的修饰样式,当属性的值为“line-through”时,定义了穿过文本的一条线。

创新互联服务项目包括阿勒泰网站建设、阿勒泰网站制作、阿勒泰网页制作以及阿勒泰网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,阿勒泰网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到阿勒泰省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css文字上的横线怎么写

在css中,可以利用text-decoration属性来设置字上的横线,当属性的值为line-through时,定义了一个穿过文本的一条线。

1、新建一个html文件,命名为test.html,用于讲解在html里,用css怎么在字的中间加一条横线。使用p标签创建一行文字,文字内容为“用css在字的中间加一条横线”。给p标签设置class属性,属性值为myp,主要用于下面通过该class来设置css样式。编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。通过p标签的class属性myp来设置p标签内文字的css样式,样式写在花括号内。

2、在css标签内,在花括号内,将text-decoration属性设置为line-through,实现给文字中间加一条横线的效果。

在浏览器打开test.html文件,查看实现的效果。

总结:

1、创建一个test.html文件。

2、在文件内,使用p标签创建一行测试的文字。

3、在css中,将p标签的样式属性text-decoration设置为line-through,实现在字的中间加一条横线的效果。

(学习视频分享:css视频教程)

网站栏目:css文字上的横线怎么写
文章分享:https://www.cdcxhl.com/article44/cjecee.html

成都网站建设公司_创新互联,为您提供微信小程序关键词优化静态网站网站改版品牌网站设计网站策划

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都app开发公司