在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。内容未经允许不得转载,或转载时需注明来源: 创新互联