iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 10
0
自我挑戰組

小小前端轉職去系列 第 11

Html css 4 實作篇 -Brackets

昨天以為有發到 結果中斷鐵人賽 這邊就當做記錄繼續寫完

https://ithelp.ithome.com.tw/upload/images/20181012/20098345NCSwenJ9IU.png
昨天的結果會長這樣 在bbc 跟登入的中間有個小小的分隔線
這就是 border的用法 我是要用在bbc的左邊 給予一個1pixel,
solid 代表的是實線,當然也可以給予虛線等
最後這邊# 代表是色碼 e5e5e5 是一種淺灰色

接著我們一樣給與以下

#signin {
    float: left;
    width: 166px;
    height: 100%;
    border-right: 2px solid #e5e5e5;
}

當然 以上調整靠經驗
這邊發現 在html裡附加的圖片太大

可以順便學習選擇器 img是個關鍵字 所以這邊空一隔代表我要對signin盒子中的img標籤做設定

#signin img {
    width: 20px;
    margin-right: 10px
}

把它的寬度變小,右邊往外推10px使得下一個新聞欄位不要靠得太近


上一篇
Html css 3 實作篇 -Brackets
系列文
小小前端轉職去11
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言