DW2018 CSS用法
DW2018是Adobe公司出品的一款網站開發工具,可以輕松地用它來創建漂亮的網站。其中,CSS樣式是網站設計過程中非常重要的一環。CSS樣式可以讓網站內容更具美感和用戶友好性,本文將介紹DW2018的CSS語法用法。
CSS樣式的語法如下:
選擇器 { 屬性1: 值1; 屬性2: 值2; ... 屬性n: 值n; }其中,選擇器用來選中特定的HTML元素,在大括號內定義一系列屬性和屬性值,用分號分隔。下面介紹幾個DW2018 CSS的常見用法。 一、字體樣式
p { font-size: 14px; /*字體大小*/ font-weight: bold; /*字體加粗*/ font-style: italic; /*字體斜體*/ color: #333; /*字體顏色*/ }二、背景樣式
#div1 { background-color: #f7f7f7; /*背景顏色*/ background-image: url(bg.jpg); /*背景圖片*/ background-repeat: no-repeat; /*背景圖像不重復*/ background-position: center; /*背景圖像居中*/ }三、邊框樣式
#div2 { border: 1px solid #ccc; /*單一寬度的邊框*/ border-radius: 5px; /*圓角邊框*/ border-top: 2px dotted #333; /*上邊框為 dotted 樣式*/ }四、盒子模型
#div3 { width: 200px; /*盒子寬度*/ height: 100px; /*盒子高度*/ margin: 10px; /*外邊距*/ padding: 10px; /*內邊距*/ box-shadow: 2px 2px 5px #ccc; /*盒子陰影*/ }以上是DW2018 CSS的一些常見用法,可以在實際開發中靈活運用。當然,這只是CSS的冰山一角,如果想要更加深入的學習CSS,還需要不斷地學習和實踐。
上一篇dw+html與css3
下一篇css樣式分為哪三種