温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css如何实现文字排版

发布时间:2022-03-16 13:48:14 来源:亿速云 阅读:338 作者:小新 栏目:开发技术

这篇文章给大家分享的是有关css如何实现文字排版的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

文字排版

字体

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。

body{font-family:"宋体";}

这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)

现在一般网页喜欢设置“微软雅黑”,如下代码:

body{font-family:"Microsoft Yahei";}

body{font-family:"微软雅黑";}

字号、颜色

可以使用下面代码设置网页中文字的字号为12像素,并把字体颜色设置为#666(灰色):

body{font-size:12px;color:#666}

粗体

可以使用下面代码实现设置文字以粗体样式显示出来。

p span{font-weight:bold;}

斜体

以下代码可以实现文字以斜体样式在浏览器中显示:

p a{font-style:italic;}  <p>三年级时,我还是一个<a>胆小如鼠</a>的小女孩。</p>

下划线

有些情况下想为文字设置为下划线样式,这样可以在视觉上强调文字,可以使用下面代码来实现:

p a{text-decoration:underline;}  <p>三年级时,我还是一个<a>胆小如鼠</a>的小女孩。</p>

删除线

如果想在网页上设置删除线怎么办,这个样式在电商网站上常会见到:

上图中的原价上的删除线使用下面代码就可以实现:

.oldPrice{text-decoration:line-through;}

感谢各位的阅读!关于“css如何实现文字排版”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI