css的背景和字体

首先是背景的引入、尺寸大小、是否平铺、位置的相关设置

#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  /*左 上*/    
            }

对其进行相关操作后，得到的效果如下

css的背景和字体

字体的相关设置，包括字体、大小、样式、是否加粗、下划线、颜色、水平居中以及垂直居中。

#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 >
        一切都是真是情况，但求各位伸出一点援助之手。
        </div>

对文字进行相关操作后，得到相应的效果。

css的背景和字体