css 这种凹陷下去的效果怎么做

html-css017

css 这种凹陷下去的效果怎么做,第1张

<div>

    <p>Test</p>

</div>

<style>

div {

    width: 200px

    height: 200px

    background: #272727

    border: 1px #272727 solid

}

p {

    width: 158px

    line-height: 158px

    color: #fff

    text-align: center

    margin: 20px auto

    border-radius: 4px

    box-shadow: inset 0px 2px 8px 2px #000000

    border: 1px #666 solid

    border-left: 1px #131313 solid

    border-top: 1px #131313 solid

}

</style>

当圆角过大时深色边和高光边交界处会露陷,要不露陷的话:

边框渐变,貌似支持的浏览器少

不用边框,用两个div嵌套,外面那个比里面那个大1px,然后外面那个用45度的斜方向背景渐变(支持的浏览器多),里面那个用背景色加内阴影。

1.wordpress怎么添加背景图片1

修改body的背景属性,打开style.css文件,添加如下面代码:

body {

background:#f2f2f2 url(images/body_bg.png) repeat-y 50% 0//改成自己的图片就可以了margin:0 autocolor:#131313}。

2.wordpress怎么添加背景图片2

在主题的function.php文件中添加如下代码:

//添加一个自定义背景add_theme_support( ‘custom-background’)

然后,再在header.php中找到body标签,改成如下代码:

<body <?php body_class()?>>

3.这样也可以很好的实现主题自定义背景图片功能。添加完以后就可以在后台设置背景图片或背景颜色了;

4.wordpress怎么添加背景图片3

最简单的一种方法就是将下面这条函数添加到主题的functions.php文件中:

add_custom_background()

5.wordpress怎么添加背景图片4

一句函数就能够给WordPress主题启用了自定义背景功能,简单吧,最后不要忘记上传背景图片哦。

6.wordpress怎么添加背景图片5

完成了上一步的操作,给主题添加了自定义背景功能支持代码之后,打开WordPress控制面板,在【外观】栏下即会出现一个【背景】的菜单选项,点击之,随即会呈现设置选项。