HTML CSS怎么移动字体位置？

html-css011

HTML CSS怎么移动字体位置？,第1张

1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：

2、此时可以在软件右侧的窗口可以看到效果：

3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：

定义一下padding-left的值就可以了，例如下面这样：

文字文字文字~~

文字文字文字~~

文字文字文字~~

不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面，例如

文字文字文字~~

这是直接把css写在html里面的作法，把它写在css文件里面也可以的，我想你应该知道怎么做的，就不详细说明了~~

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

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

代码：

<style>

.oblique{

font-style: oblique

}

</style>

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