首先是背景的引入、尺寸大小、是否平铺、位置的相关设置
#back_div{ height: 300px; width: 300px; border: 1px solid red; /*背景*/ /*background-color: blue;*/ /*背景的引入*/ background-image: url(wyw.jpg); /*背景的尺寸*/ background-size:30% 50%; /*背景的平铺*/ background-repeat: no-repeat; /*背景的位置*/ /*background-position:bottom ;*/ background-position:10px 30px /*左 上*/ }
对其进行相关操作后,得到的效果如下
字体的相关设置,包括字体、大小、样式、是否加粗、下划线、颜色、水平居中以及垂直居中。
#font_div{ width: 300px; height: 200px; border: 1px solid green; font-size: 10px; font-style: italic; font-weight: bolder; text-decoration: overline;/*text-line-through: underline;*/ color: orange; text-align: center; line-height: 200px; }
a{
text-decoration: none;
}
<a href="">跳转</a>
<div id="font_div">
一切都是真是情况,但求各位伸出一点援助之手。
</div>
对文字进行相关操作后,得到相应的效果。