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

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

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

#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>

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

 

posted on 2018-08-11 15:21  孙崇武  阅读(981)  评论(0编辑  收藏  举报

导航