首页 > 编程知识 正文

求关注文字背景图片,高清背景图片

时间:2023-05-05 06:55:32 阅读:118432 作者:3665

我最喜欢博客圈。 在这里可以定义自己风格的页面,也有很多博客可以学习。

为了选择漂亮的界面,我在网上找了很多教程。 在这里分享我界面参考的博客:

33559 www.cn blogs.com/jxx clj/p/9253405.html

备注:虽然身材比较简单,但是很舒服。 直接点击链接可以参考哦~

我在他的博客里写得很详细,现在我要分享我在过程中总结的东西:

)1)首先让博客皮肤变成)简单内存)。

为什么选择这个皮肤呢,因为这是没有任何风格的皮肤,所以我们可以根据自己的喜好进行改变,非常方便~

)2)复制css代码后,将其粘贴到指定位置。 请务必清除禁用默认css的复选标记。

)3)在相册上传喜欢的图片。

)4)将css中body的background更改为你传递的图像路径即可。

补充:

1 .在哪里可以看到自己发送的图像路径:

在我们传达的图像中,鼠标右键点击可以看到“图像地址的复制”。 点击就可以了。

2 .没有将html代码添加到作者的博客中。

我的效果图:

我添加的css代码(备注:来自参考博客) :

/*simplememory*/#google_ad_c1,#google_ad_c2 {display:none; }.syntax高亮度表a, syntax高亮度表div, syntax高亮度表代码, syntax高亮度表, syntax高亮度表. syntax高亮度表tbody, syntax高亮度表thead, syntax高亮度表caption, syntax高亮度表caption }#home {opacity: 0.80; margin : 0自动; width: 85%; 最小宽度: 950 px; 背景色: # fff; padding: 30px; margin-top: 30px; 玛姬- bottom : 50px; box-shadow :02 px6px rgba (100、100、100、0.3 ); } # blogtitle h1 { font-size :30 px; 字体权重: bold; font-family: 'Comic Sans MS '; line-height: 1.5em; margin-top: 20px; color: #515151; } # navlista : hover { color : # 4c9ed 9; 文本修饰:无; }#navList a {display: block; width: 5em; height: 22px; 浮点:左; 文本对齐3360中心; padding-top: 18px; }#navigator {font-size: 15px; border-bottom 33601 px固态# ededed; border-top : 1px固态# ededed; height: 50px; clear: both; margin-top: 25px; }.catlist title { margin-top :21 px; 玛格琳- bottom : 10.5 px; 文本对齐:左对齐; 边框左:10 pxsolidrgba (82、168、236、0.8 ); padding: 10px 0 14px 10px; 背景色: # f5f5f 5; } # ad _ under _ post _ holder # Google _ ad _ C1,# Google _ ad _ C2 { display : none }! 导入; }body {color: #000; 背景: URL (https://www.cn blogs.com/images/cnblogs _ com/mylovertomylove/1540121/t _ ppikaiqu.jpg )文件后台- repeat :否- repeat; 字体系列: ' Helvetica neue ',Helvetica,Verdana,Arial,sans-serif; font-size: 12px; min-height: 101%; } # topics.post title { border :0 px; font-size: 200%; 字体权重: bold; 浮点:左; line-height: 1.5; width: 100%; padding-left: 5px; } div.commentformp { margin-bottom 336010 px; }.com ment _ BTN { padding :5 px 10px; height: 35px; width: 90px; border : 0无; border-radius: 5px; 背景: # DDD; color: #999; cursor:pointer; 字体系列: ' lato ',Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif; 文本- shadow :00 1px # fff; display :在线! 导入; }.com ment _ BTN : hover { padding :5 px 10px; height: 35px; width: 90px; border : 0无; border-radius: 5px; 后台: # 258 Fb8; color:白色; cursor:pointer; 字体系列: ' lato ',Helvetica Neue,Helvetica,Microsoft Yahei,宋体,Arial,sans-serif; 文本- shadow :00 1px # fff; display :在线! 导入; } # comment form _ title { background-image : none; 后台- repeat :否- repeat; margin-bottom:10px; padding:0; font-size:24px; }#commentbox_opt,# comment box _ optp { text-align 3360 center; }.comment box _ title { width :100 %; } # tbcommentbody { font-family : ' Microsoft ya hei ',MicrosoftyaHei,宋体,sans-serif; margin-top:10px; max-width:100%; 最小窗口:100 %; 背景:白色; color:#333; border :2 px固态# fff; box-shadow:inset 0 0 8px #aaa; //padding:10px; height:250px; font-size:14px; min-height:120px; } .反馈item { font-size :14 px; line-height:24px; margin:10px 0; padding:20px; 后台: # f2f2f 2; box-shadow:0 0 5px #aaa; }.feedbacklistsubtitle { font-weight : normal; }#blog-comments-placeholder,#comment_form {padding: 20px; 后台: # FFf; - WebKit-box-shadow :1 px2px3px # DDD; box-shadow: 1px 2px 3px #ddd; 玛姬- bottom : 50px; }.feedback _ area _ title { margin-bottom 336015 px; font-size: 1.8em; } .反馈项目{ border-bottom 33601 px solid # CCC; 玛格琳- bottom : 10px; padding: 5px; 后台: RGB 65248、248、248; }.color _ shine { background : RGB (226、242、255 ); }.feedback item 3360 hover {-WebKit-animation-name : color _ shine; 微信动画持续:2 s; -网络工具包- animation-iteration-count : infinite; } # comment _ form.title { font-weight 3360 normal; 玛姬- bottom : 15px; }

我的照片地址: https://www.cn blogs.com/images/cnblogs _ com/mylovertomylove/1540121/t _ ppikaiqu.jpg

现在总结一下我在实践中的心得体会:

)1)查看自己喜欢的页面,但是要去看别人是怎么实现的,请在页面上右键单击,然后单击“查看元素”。

在这里,单击“元素”,下面有带有“点击样式”的图像。 请参照图。 然后,将鼠标向左移动,只需点击自己想看的模块即可自由观看。

)放大上一个图,可以在右侧的事件中看到“红框中的文件”。 点击即可直接查看代码。

在这里,我推荐几个在互联网上看到的界面比较新颖的博客主博客链接:

备注:分享他们中的博客,我个人很喜欢~

33559 www.cn blogs.com/douzujun/p/8671152.html

转载于:https://www.cn blogs.com/mylovertomylove/p/11448878.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。