背景图片和添加边框

</head>
<style>
div{
background-image:url(),url();//添加两张图片
background-repeat:repeat-x,no-repeat;//第一张x坐标重复,第二张不重复
background-position:100%,100%,center,center;//两张图片的位置
width:100px;
height:100px;}
</style>
<body>
<div></div>

添加边框的样式
</body>
</html>

 

</head>
<style>
div{
background-color:#FC3;
border:3px solid #3CF;//添加边框
width:300px;
height:200px;
padding:20px;
border-radius:20px 30px 50px 10px;//设置四个角的度数
}
</style>
<body>
<div>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>


</body>
</html>

posted @ 2015-07-29 16:11  大发明家  阅读(235)  评论(0编辑  收藏  举报