一,效果圖。
?
?
二,代碼。
?
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS paddingtitle>
<style>
p {
background-color: yellow;
}
p.padding {
padding-top: 25px;
padding-bottom: 25px;
padding-right: 50px;
padding-left: 50px;
}
style>
head>
<body>
<p>This is a paragraph with no specified padding.p>
<p class="padding">This is a paragraph with specified paddings.p>
body>
html>
?
?
參考資料:《菜鳥教程》
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/1251.html
一,效果圖。 二,代碼。 ? DOCTYPE html> CSS 樣式列表(url) ul.a { list-style: circle; } ul.b { list-style: square; } ol.c { list-style: upper-...
一,效果圖。 二,代碼。 ? DOCTYPE html> CSS Table表格 table { border-collapse: collapse; width: 100%; } table, th, td { border: 1px solid green;...
一,效果圖。 ? the picture above is 250px wide.the total width of this element is also 250px. ? 參考資料:《菜鳥教程》
一,效果圖。二,代碼。DOCTYPEhtml><html><head><metacharset="utf-8"><title>CSSAligntitle><style>body{margin:0;padding:0;} .container{position:relative;width:100%;} ...
一,效果圖。 二,代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...
閱讀 1478·2021-10-14 09:43
閱讀 1442·2021-10-09 09:58
閱讀 1937·2021-09-28 09:42
閱讀 3728·2021-09-26 09:55
閱讀 1752·2021-08-27 16:23
閱讀 2756·2021-08-23 09:46
閱讀 906·2019-08-30 15:55
閱讀 1405·2019-08-30 15:54