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

html-css0191

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度，就是上面的代码编写即可。

table

{

border-collapse:separate

border-spacing:10px 50px

}

最重要的是要把table collapse 改为sepeate

希望帮到你

兼容的浏览器：

::selection在IE家族中，只有IE9+版本支持，在Firefox中需要加上其前缀“-moz”，查阅相关w3c官方资料，并没有对这个属性的解说资料，只知道这个属性被规纳在CSS的伪类选择器中。

下面我们一起来看看其具体使用，例如如我们在Web页面中有这么一段话：

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ornare vulputate mi. Nullam auctor pede sit amet odio varius consectetuer. Fusce bibendum neque eu purus. Donec et nulla at odio volutpat luctus. Cras facilisis consequat nisi. Aliquam erat volutpat. Etiam tellus magna, ultrices quis, porttitor non, bibendum quis, lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia CuraeCum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed felis. Phasellus enim. Aliquam malesuada mi eu erat. Suspendisse potenti. In diam ante, sagittis vel, rutrum at, fringilla pulvinar, nunc.

在默认情况下，在上面段落中选中任意文本，其背景都是深蓝，前景是白色，下面我们给他加上一个“::selection”运用，把背景改成红色，前景依旧是白色：

p::selection { background: redcolor: #fff } p::-moz-selection { background: redcolor: #fff }

加上上面属性后，你会后到，选中的文本其背景是红色，而前景是白色，跟唐人的CSS帝国的效果是一模一样的了，如下图所示：

不知道你有没有这样的想法，我一开始冒出这样的一个想法，就是我能不能通过“::selection”来改变选中的文本其他样式呢？比如说，改变选中的字体，字号等等；于是我在上面的代码基础上加了一个15px的字号：

p::selection { background: red color: #fff font-size: 15px } p::-moz-selection { background: red color: #fff font-size: 15px }