大家好,我是一位前端工程師,下面我來介紹我的自我介紹頁面CSS代碼。
/* 自我介紹頁面CSS代碼 */ body { background-color: #f6f6f6; font-family: Arial, sans-serif; color: #333333; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #ffffff; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); } h1 { font-size: 32px; font-weight: bold; text-align: center; margin-top: 0; } p { font-size: 16px; line-height: 1.5; } ul { list-style: none; padding-left: 0; } li { margin-bottom: 10px; } a { color: #1e90ff; text-decoration: none; } .button { display: inline-block; padding: 10px 20px; background-color: #1e90ff; color: #ffffff; border-radius: 5px; text-align: center; text-decoration: none; font-size: 16px; margin-top: 20px; transition: background-color 0.3s ease-in-out; } .button:hover { background-color: #007dbf; }
以上是我的自我介紹頁面CSS代碼,包括整體布局以及一些常用的樣式,如文字、列表、鏈接和按鈕等。希望這個自我介紹頁面能夠給你留下深刻的印象。
上一篇網易郵箱用css怎么寫
下一篇純css圖片滾動特效代碼