css3 背景和邊框

2021-10-14 05:59:15 字數 1214 閱讀 9998

設定背景和邊框

/*  設定背景顏色 */

/* background-color: blanchedalmond; */

/* background-color: rgb(100, 200 255); */

background-color:#f4f4f4;

/*** 邊框設定-具體到屬性 **/

border-width: 1px /**設定邊框寬度 */

border-color: blue /**設定邊框顏色 */

border-style:dotted /** 設定邊框樣式 值為solid、dashed、dotted */

/*** 邊框設定-具體到屬性 */

border: 3px solid red;

border-radius: 10px; /*** 設定邊框的角 **/

background: #333; /** 設定背景顏色 */

color: #fff; /** 設定字型顏色 */

border-top: blue solid 3px;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

/** 設定背景,第一種寫法*/

background-size: cover; /** cover當前寬度多大,占多大,contain,稍微會有留白*/

background-position: center center; /** 設定背景定位,可以設定負值*/

/*設定背景復合寫法*/

CSS3 邊框和背景

下述內容主要講述了 html5權威指南 第19章關於 使用邊框和背景 css3中邊框和樣式得到了增強。例如 可以建立圓角邊框,使用影象邊框,為元素建立陰影。表 基本邊框屬性屬性 說明值border width 設定邊框的寬度 長度值 百分數 thin medium thick border styl...

CSS3邊框背景

邊框背景 border image 邊框背景主要是用來給元素邊框新增背景影象,本質是用一張來修飾邊框背景,看下圖效果 用左邊來完成右邊的效果 先看一下邊框背景的引數 border image image boeder width 引數可寫1 4個 填充方式 stretch repeat round ...

CSS3美化背景與邊框

background color屬性用於設定網頁背景顏色,background color屬性接受任何任何有效的顏色值,預設背景顏色為透明 transparent 語法格式如下 background image none url url 屬性值 描述repeat 背景水平和垂直方向都重複平鋪 rep...