css如何将一排文字倾斜45°,请高手指点

html-css022

css如何将一排文字倾斜45°,请高手指点,第1张

1、打开html开发软件工具,新建一个html代码页面,创建一个<div>,同时给这个<div>添加一些文本内容和一个class类为 oblique。

2、使用font-style: oblique设置字体倾斜。创建<style>标签,然后在这个标签里面设置oblique类font-style属性为oblique。

代码:

<style>

.oblique{

font-style: oblique

}

</style>

3、最后,可以用链接打开可以看到已经倾斜45度,就是上面的代码编写即可。

一种字体有粗体、斜体、下划线、删除线等诸多属性。

但是并不是所有字体都做了这些,一些不常用的字体,或许就只有个正常体,如果你用italic,就没有效果了~这时候你就要用oblique.

css2.0解释

italic和oblique都是向右倾斜的文字,

但区别在于italic是指斜体字,而oblique是倾斜的文字,对于没有斜体的字体应该使用oblique属性值来实现倾斜的文字效果.

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title></title>

<style type="text/css">

.style{

font-family: "microsoft yahei", arial /*字体样式*/

font-size: 14px /*字体大小 (参考值: 5px ~ 50px)*/

font-style: italic /*字体斜体 (参考值: normal italic)*/

font-weight: 500 /*字体加粗 (参考值:300,500,700)*/

}

</style>

</head>

<body>

<div id="">

css怎么把单个字 <cite class="style">拉瘦和歪斜</cite>

</div>

</body>

</html>