程序博客网 > linux挂载分区命令

CSS 9宫格边框

来源：互联网发布：linux挂载分区命令编辑：程序博客网时间：2024/05/16 07:48

制作8个图片，分别对应左上，上，右上，左，右，左下，下和右下。

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS</title>

<style type="text/css">

div#outer

{ background: url("images/top.gif") 0 0 repeat-x; }

div#outer div

{ background: url("images/bottom.gif") 0 100% repeat-x; }

div#outer div div

{ background: url("images/left.gif") 0 0 repeat-y; }

div#outer div div div

{ background: url("images/right.gif") 100% 0 repeat-y; }

div#outer div div div div

{ background: url("images/topleft.gif") 0 0 no-repeat; }

div#outer div div div div div

{ background: url("images/topright.gif") 100% 0 no-repeat; }

div#outer div div div div div div

{ background: url("images/bottomleft.gif") 0 100% no-repeat; }

div#outer div div div div div div div

{ background: url("images/bottomright.gif") 100% 100% no-repeat; }

div#outer, div#inner

{

width: 400px;

height: 300px;

}

div#inner

{

padding: 15px;

}

</style>

</head>

<body>

<div id="outer">

<div>

<div>

<div>

<div>

<div>

<div>

<div id="inner">

<span>Some content here.</span>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

linux挂载分区命令

linux挂载分区命令

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子临床22种急救药品速记口诀嗜铬细胞瘤临床表现恙虫病的临床表现临床什么意思临床研究杂志中医临床研究实用临床医学 2019非洲猪瘟临床三个早期症状天津医科大学临床医学院同型半胱氨酸临床意义安徽医科大学临床医学院糖化血红蛋白临床意义河北医科大学临床学院横纹肌溶解症临床表现血气分析正常值和临床意义临建活动房速写临摹临摹临摹画临摹读音临摹字帖素描临摹临摹素材临摹的意思书法临摹静物临摹临摹图片什么是临摹临摹拼音毛笔字临摹钢笔字临摹练字临摹水彩临摹临摹本水彩画临摹油画临摹行书临摹楷书临摹国画临摹字帖临摹兰亭序临摹